@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/smart/icons/smart.manifest.json

@@ -0,0 +1,246 @@
+{
+  "schema_version": 2,
+  "id": "smart.icons",
+  "version": "1.0.0",
+  "title": "Icons",
+  "summary": "Semantic Material Symbol wrapper with exact Loader tracking, accessible decorative or informative modes and token-owned geometry.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "icons"
+  ],
+  "capabilities": [
+    "render",
+    "accessible-name",
+    "icon-families",
+    "variable-axes",
+    "dynamic-subset",
+    "theme",
+    "responsive"
+  ],
+  "custom_element": "sf-icon",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [
+      "component.icons"
+    ],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "icon": {
+        "type": "string",
+        "default": ""
+      },
+      "loaded": {
+        "type": "boolean",
+        "default": false
+      },
+      "filled": {
+        "type": "boolean",
+        "default": false
+      },
+      "weight": {
+        "type": "number",
+        "default": 400
+      },
+      "size": {
+        "type": "string",
+        "default": "",
+        "enum": [
+          "",
+          "1/4",
+          "1/3",
+          "1/2",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ]
+      },
+      "type": {
+        "type": "string",
+        "default": "",
+        "enum": [
+          "",
+          "outlined",
+          "rounded",
+          "sharp",
+          "shape"
+        ]
+      },
+      "grade": {
+        "type": "number",
+        "default": 0,
+        "minimum": -50,
+        "maximum": 200
+      },
+      "optical-size": {
+        "type": "number",
+        "default": 24,
+        "minimum": 20,
+        "maximum": 48
+      },
+      "label": {
+        "type": "string",
+        "default": ""
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {},
+  "methods": {},
+  "events": {},
+  "state": {
+    "machines": {},
+    "visual_states": [
+      "default"
+    ]
+  },
+  "persistence": {
+    "mode": "none",
+    "source_of_truth": "component",
+    "network_owner": "none",
+    "revision_field": null
+  },
+  "ownership": {
+    "source": "simai/ui-source",
+    "data": "fixture",
+    "effects": "component",
+    "forbidden_client_responsibilities": [
+      "backend access decisions",
+      "host route invention"
+    ]
+  },
+  "security": {
+    "permissions_owner": "none",
+    "untrusted_inputs": [
+      "props",
+      "children"
+    ],
+    "network_policy": "deny"
+  },
+  "accessibility": {
+    "role": "img when label is present; hidden when decorative",
+    "accessible_name": "recommended",
+    "keyboard": [],
+    "focus": "The icon is not interactive and never enters the tab order. Name the containing control instead."
+  },
+  "presentation": {
+    "themes": [
+      "light",
+      "dark"
+    ],
+    "locales": [
+      "ru",
+      "en"
+    ],
+    "responsive": [
+      "desktop",
+      "mobile",
+      "inherited current color",
+      "pre-upgrade reserved size"
+    ],
+    "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": "described",
+    "required_checks": [
+      "manifest",
+      "fixture",
+      "runtime-upgrade",
+      "scenario-smoke"
+    ]
+  },
+  "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/icons/index.js",
+        "sha256": "2175a88c28458443ad2747277bd90f4711c3a6faa3a27a91db8b1bffbdb60237"
+      },
+      {
+        "path": "src/smart/icons/js/templates/default.js",
+        "sha256": "68041e468e8ff38811bba22bf7f7bc7af60a4377df00693ea3293d2bb4a3d67e"
+      },
+      {
+        "path": "src/smart/icons/rule.js",
+        "sha256": "4e2b11a90c6908dcea0fe1dc54e944521e8505512f988b6b1cf9cfc5f7844564"
+      },
+      {
+        "path": "src/smart/icons/docs.md",
+        "sha256": "3c0dd58b7aee111b6e89130b491b01b53a809d95c784e3f2f19986e557fc07fe"
+      }
+    ],
+    "generated_runtime": [
+      {
+        "repository": "simai/ui-smart",
+        "revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c",
+        "path": "smart/icons/js/icons.js",
+        "sha256": "5b4ec21457f8a7cad79b8854ee99facb917fadca00b08a01efd3f87b8627e782"
+      }
+    ]
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-icon for a Material Symbol that must participate in the Framework Loader and token scale. Omit label when adjacent text or a named control already conveys the meaning; provide a concise label only for an informative standalone symbol.",
+    "do_not": [
+      "Do not copy generated ui-smart code",
+      "Do not move host data or access decisions into the component",
+      "Do not make the icon focusable or use it as a control",
+      "Do not label a decorative icon inside an already named control",
+      "Do not use loaded as an authoring switch"
+    ],
+    "required_reads": [
+      "inputs",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-icon icon=\"home\"></sf-icon>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

package/distr/smart/icons/studio.fixture.json

@@ -0,0 +1,14 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.icons",
+  "title": "Icons reference",
+  "summary": "Deterministic reference fixture for sf-icon.",
+  "locale": "ru",
+  "props": {
+    "icon": "home",
+    "size": "1"
+  },
+  "children": [],
+  "state": "default"
+}

package/distr/smart/icons/studio.scenario.json

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

package/distr/smart/icons/template/default.js

@@ -0,0 +1,56 @@
+import { html, nothing } from "lit";
+
+function getIconData(context) {
+  const {
+    icon,
+    size,
+    filled,
+    rounded,
+    sharp,
+    weightClass,
+    loaded,
+    rootClass,
+    rootStyle,
+    grade,
+    opticalSize,
+    label,
+  } = context;
+
+  const className = [
+    "sf-icon",
+    size ? `sf-icon--size-${size}` : "",
+    loaded ? "sf-icon-loaded" : "",
+    weightClass ? `sf-icon--weight-${weightClass}` : "",
+    rounded ? "sf-icon--rounded" : "",
+    sharp ? "sf-icon--sharp" : "",
+    filled ? "sf-icon--filled" : "",
+    rootClass,
+  ]
+    .filter(Boolean)
+    .join(" ");
+
+  const style = [
+    rootStyle,
+    `--sf-icon--grade:${grade}`,
+    `--sf-icon--optical-size:${opticalSize}`,
+  ]
+    .filter(Boolean)
+    .join(";");
+
+  return { icon, className, style, label };
+}
+
+export function renderIconTemplate(context) {
+  const { icon, className, style, label } = getIconData(context);
+
+  return html`<i
+    class="${className}"
+    style=${style}
+    role=${label ? "img" : nothing}
+    aria-label=${label || nothing}
+    aria-hidden=${label ? nothing : "true"}
+    >${icon}</i
+  >`;
+}
+
+renderIconTemplate.getIconData = getIconData;

package/distr/smart/inline-editor/css/inline-editor.min.css

@@ -0,0 +1 @@
+@layer sf.components{[data-sf-inline-editing]{outline:var(--sf-focus--width) var(--sf-focus--style) Highlight;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-primary, Highlight);outline-offset:2px;cursor:text}.sf-inline-editor-toolbar{position:fixed;z-index:80;z-index:var(--sf-composition-overlay-z-index, var(--sf-z-index-8, 80));display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem;gap:var(--sf-space-1, 0.25rem);padding:0.25rem;padding:var(--sf-space-1, 0.25rem);border-radius:0.25rem;border-radius:var(--sf-radius-1, 0.25rem);background:Canvas;background:var(--sf-elevation-2--surface, Canvas);--sf-on-surface-variant: var(--sf-on-elevation-2--variant);color:CanvasText;color:var(--sf-on-surface, CanvasText);box-shadow:var(--sf-elevation-2--shadow)}.sf-inline-editor-button,.sf-inline-editor-url{padding:0.25rem 0.5rem;padding:var(--sf-space-1, 0.25rem) var(--sf-space-2, 0.5rem);border:1px solid GrayText;border:1px solid var(--sf-outline, GrayText);border-radius:0.25rem;border-radius:var(--sf-radius-1, 0.25rem);background:Canvas;background:var(--sf-surface-1, Canvas);color:CanvasText;color:var(--sf-on-surface, CanvasText);font:inherit}.sf-inline-editor-button[aria-pressed=true]{background:Highlight;background:var(--sf-primary, Highlight);color:HighlightText;color:var(--sf-on-primary, HighlightText)}.sf-inline-editor-button.focus-visible,.sf-inline-editor-url.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) Highlight;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-primary, Highlight);outline-offset:2px}.sf-inline-editor-button.focus-visible,.sf-inline-editor-url.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) Highlight;outline:var(--sf-focus--width) var(--sf-focus--style) Highlight;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-primary, Highlight);outline-offset:2px}.sf-inline-editor-button:focus-visible,.sf-inline-editor-url:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) Highlight;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-primary, Highlight);outline-offset:2px}.sf-inline-editor-link{display:flex;flex-wrap:wrap;gap:0.25rem;gap:var(--sf-space-1, 0.25rem)}.sf-inline-editor-link[hidden]{display:none}.sf-inline-editor-error{color:#b3261e;color:var(--sf-error, #b3261e)}}

package/distr/smart/inline-editor/js/inline-editor.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={dc7f7e1860ec(e,t,n){n.a(e,async(e,t)=>{try{var r=n("f0e430451ca1"),i=e([r]);r=(i.then?(await i)():i)[0],globalThis.SF=globalThis.SF||{},globalThis.SF.InlineEditor=Object.freeze({INLINE_EVENTS:r.ew,readInlineDom:r.uk,renderInlineDom:r.kn,startInlineEdit:r.e$,textOffset:r.VY}),(0,r.I_)(),t()}catch(e){t(e)}})},"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}))},f0e430451ca1(e,t,n){n.a(e,async(e,r)=>{try{n.d(t,{I_:()=>E,VY:()=>y,e$:()=>v,kn:()=>g,uk:()=>m});var i=n("0d662e4d7d63"),o=n("e66d878fb4f8"),s=e([i]),a=s.then?(await s)():s;i=a[0];const l=Object.freeze({input:"sf-inline-edit-input",commit:"sf-inline-edit-commit",cancel:"sf-inline-edit-cancel"}),c={ru:{toolbar:"Форматирование",strong:"Полужирный",em:"Курсив",code:"Код",link:"Ссылка",url:"Адрес ссылки",apply:"Применить",unlink:"Убрать ссылку",editing:"{label}: редактирование. Enter — сохранить, Escape — отменить.",invalid:"Недопустимый адрес ссылки"},en:{toolbar:"Formatting",strong:"Bold",em:"Italic",code:"Code",link:"Link",url:"Link address",apply:"Apply",unlink:"Remove link",editing:"{label}: editing. Enter saves, Escape cancels.",invalid:"Invalid link address"}},u={strong:"b",em:"i",code:"e"},d=new Set(["SCRIPT","STYLE","TEMPLATE","HEAD","TITLE","META","LINK","IMG","SVG","OBJECT","IFRAME","NOSCRIPT"]),f=new Set(["P","DIV","LI","UL","OL","H1","H2","H3","H4","H5","H6","TR","TABLE","BLOCKQUOTE","SECTION","ARTICLE"]),p=(e,t)=>e.replace(/\{(\w+)\}/gu,(e,n)=>String(t[n]??"")),h=e=>Object.fromEntries(Object.keys(c.en).map(t=>[t,(0,i.pageText)(c,t,e,"sf-inline-editor")]));function m(e,{marks:t=o.ZY,links:n=!0,collapse:r=!1}={}){const i=[],s=(t,a,l)=>{if(3===t.nodeType){let e=t.nodeValue.replace(/\u00a0/gu," ").replace(/[\r\n\t\f\v]/gu," ");return r&&(e=e.replace(/ {2,}/gu," ")),void(e&&i.push({text:e,marks:[...a],href:l}))}if(1!==t.nodeType&&11!==t.nodeType)return;if(1===t.nodeType&&d.has(t.tagName.toUpperCase()))return;const c=1===t.nodeType?t.tagName.toUpperCase():"",u=new Set(a);let p=l;if("STRONG"!==c&&"B"!==c||u.add("strong"),"EM"!==c&&"I"!==c||u.add("em"),"CODE"!==c&&"KBD"!==c&&"SAMP"!==c||u.add("code"),1===t.nodeType&&t.style){const e=t.style.fontWeight;("bold"===e||"bolder"===e||Number(e)>=600)&&u.add("strong"),"italic"===t.style.fontStyle&&u.add("em")}if("A"===c&&!l&&n){const e=t.getAttribute("href");(0,o.v7)(e)&&(p=e)}if("BR"!==c){for(const e of t.childNodes)s(e,u,p);f.has(c)&&t!==e&&i.push({text:" ",marks:[],href:null})}else{if(t.parentNode===e&&!t.nextSibling)return;i.push({text:" ",marks:[...a],href:l})}};s(e,new Set,null);const a=new Set(t);let l=(0,o.n4)(i.map(e=>({...e,marks:e.marks.filter(e=>a.has(e)),href:n?e.href:null})));if(r){const e=(0,o.yH)(l);e.length&&(e[0]={...e[0],text:e[0].text.replace(/^ +/u,"")},e[e.length-1]={...e.at(-1),text:e.at(-1).text.replace(/ +$/u,"")}),l=(0,o.n4)(e)}return l}function g(e,t){const n=e.createDocumentFragment(),r=t=>{let n=e.createTextNode(t.value);for(const r of t.marks||[]){const t=e.createElement(r);t.append(n),n=t}return n};for(const i of(0,o.Lr)(t))if("link"===i.type){const t=e.createElement("a");t.setAttribute("href",i.href);for(const e of i.children)t.append(r(e));n.append(t)}else n.append(r(i));return n}function b(e){const t=e.ownerDocument.createTreeWalker(e,4),n=[];for(;t.nextNode();)n.push(t.currentNode);return n}function y(e,t,n){const r=e.ownerDocument.createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function k(e,t,n=t){const r=e.ownerDocument.getSelection(),i=b(e),o=t=>{let n=0;for(const e of i){if(t<=n+e.nodeValue.length)return[e,t-n];n+=e.nodeValue.length}return i.length?[i.at(-1),i.at(-1).nodeValue.length]:[e,0]},s=e.ownerDocument.createRange(),[a,l]=o(t),[c,u]=o(n);s.setStart(a,l),s.setEnd(c,u),r.removeAllRanges(),r.addRange(s)}function v(e,t={}){if(!(e instanceof globalThis.Element))throw new TypeError("Inline editing needs an element");if(e.hasAttribute("data-sf-inline-editing"))throw new TypeError("inline_edit_active");const n=e.ownerDocument,r={...h(e),...t.messages||{}},i=(t.marks||o.ZY).filter(e=>o.ZY.includes(e)),s=!1!==t.links,a={html:e.innerHTML,attributes:["contenteditable","role","aria-multiline","aria-label","spellcheck","tabindex"].map(t=>[t,e.getAttribute(t)])},c=[];let d=-1,f=!1,b=0,v=!1;const E=new AbortController,T={signal:E.signal},x=()=>m(e,{marks:i,links:s}),w=()=>{const t=n.getSelection();if(!t?.rangeCount||!e.contains(t.anchorNode))return[(0,o.ln)(x()).length,(0,o.ln)(x()).length];const r=t.getRangeAt(0);return[y(e,r.startContainer,r.startOffset),y(e,r.endContainer,r.endOffset)]},L=(t,r,i)=>{e.replaceChildren(g(n,t)),k(e,r,i)},A=(e=!1)=>{const t={content:x(),selection:w()};e&&d===c.length-1&&c[d].typing?c[d]={...t,typing:!0}:(c.splice(d+1),c.push({...t,typing:e}),d=c.length-1)},C=()=>e.dispatchEvent(new globalThis.CustomEvent(l.input,{bubbles:!0,composed:!0,detail:Object.freeze({node_id:t.nodeId??null,content:x()})})),S=(e,t,n)=>{L(e,t,n),A(!1),C(),F()},D=e=>{d=e;const t=c[e];L(t.content,...t.selection),C(),F()},M=n.createElement("div");M.className="sf-inline-editor-toolbar",M.setAttribute("role","toolbar"),M.setAttribute("aria-label",r.toolbar);const O=new Map;for(const e of i){const t=n.createElement("button");t.type="button",t.className=`sf-inline-editor-button sf-inline-editor-button--${e}`,t.dataset.mark=e,t.textContent=r[e],t.setAttribute("aria-pressed","false"),t.setAttribute("aria-keyshortcuts",`Control+${u[e].toUpperCase()} Meta+${u[e].toUpperCase()}`),O.set(e,t),M.append(t)}const _=n.createElement("div");_.className="sf-inline-editor-link",_.hidden=!0;const I=n.createElement("input");I.type="url",I.className="sf-inline-editor-url",I.setAttribute("aria-label",r.url);const N=n.createElement("button");N.type="button",N.className="sf-inline-editor-button",N.textContent=r.apply;const j=n.createElement("button");j.type="button",j.className="sf-inline-editor-button",j.textContent=r.unlink;const R=n.createElement("span");if(R.className="sf-inline-editor-error",R.setAttribute("role","alert"),_.append(I,N,j,R),s){const e=n.createElement("button");e.type="button",e.className="sf-inline-editor-button sf-inline-editor-button--link",e.dataset.link="toggle",e.textContent=r.link,e.setAttribute("aria-pressed","false"),e.setAttribute("aria-keyshortcuts","Control+K Meta+K"),O.set("link",e),M.append(e,_)}n.body.append(M);let H=[0,0];function P(){const t=e.getBoundingClientRect(),n=M.getBoundingClientRect(),r="rtl"===globalThis.getComputedStyle(e).direction,i=t.top-n.height-4,o=i>=0?i:Math.min(globalThis.innerHeight-n.height,t.bottom+4),s=r?t.right-n.width:t.left;Object.assign(M.style,{top:`${o}px`,left:`${Math.max(0,Math.min(s,globalThis.innerWidth-n.width))}px`})}function F(){const[e,t]=w(),n=(0,o.MC)(x(),e,t===e?Math.max(0,e-1):t);for(const e of i)O.get(e).setAttribute("aria-pressed",n.marks.includes(e)?"true":"false");O.get("link")?.setAttribute("aria-pressed",n.href?"true":"false"),P()}function B(e){const[t,n]=w();t!==n&&S((0,o.wh)(x(),t,n,e),t,n)}function z(){H=w(),H[0]!==H[1]&&(_.hidden=!1,R.textContent="",I.value=(0,o.MC)(x(),...H).href||"",I.focus(),P())}function K(t=!0){_.hidden=!0,t&&(e.focus(),k(e,...H))}function U(e){if(null!==e&&!(0,o.v7)(e))return R.textContent=r.invalid,void I.setAttribute("aria-invalid","true");I.removeAttribute("aria-invalid"),K(),S((0,o.TS)(x(),...H,e),...H)}function V(){v=!0,E.abort(),M.remove(),e.innerHTML=a.html;for(const[t,n]of a.attributes)null===n?e.removeAttribute(t):e.setAttribute(t,n);e.removeAttribute("data-sf-inline-editing")}function $(){if(v)return null;const n=(0,o.Lr)(x());return V(),e.dispatchEvent(new globalThis.CustomEvent(l.commit,{bubbles:!0,composed:!0,detail:Object.freeze({node_id:t.nodeId??null,content:n})})),n}function Y(){v||(V(),e.dispatchEvent(new globalThis.CustomEvent(l.cancel,{bubbles:!0,composed:!0,detail:Object.freeze({node_id:t.nodeId??null})})))}const W=(0,o.Lr)(t.content??m(e,{marks:i,links:s}));e.setAttribute("data-sf-inline-editing",""),e.setAttribute("contenteditable","true"),e.setAttribute("role","textbox"),e.setAttribute("aria-multiline","false"),e.setAttribute("aria-label",p(r.editing,{label:t.label||""}).replace(/^: /u,"")),e.replaceChildren(g(n,W)),e.focus(),k(e,(0,o.ln)(W).length),c.push({content:W,selection:w(),typing:!1}),d=0,e.addEventListener("beforeinput",e=>{if("historyUndo"===e.inputType||"historyRedo"===e.inputType)e.preventDefault(),"historyUndo"===e.inputType&&d>0&&D(d-1),"historyRedo"===e.inputType&&d<c.length-1&&D(d+1);else if("insertParagraph"===e.inputType||"insertLineBreak"===e.inputType)e.preventDefault();else if(e.inputType.startsWith("format")){e.preventDefault();const t={formatBold:"strong",formatItalic:"em"}[e.inputType];t&&i.includes(t)&&B(t)}else"insertFromDrop"===e.inputType&&e.preventDefault()},T),e.addEventListener("input",()=>{if(f)return;const e=Date.now();A(e-b<700),b=e,C(),F()},T),e.addEventListener("compositionstart",()=>{f=!0},T),e.addEventListener("compositionend",()=>{f=!1,A(!1),C()},T),e.addEventListener("paste",e=>{e.preventDefault();const t=e.clipboardData,n=t?.getData("text/html"),r=t?.getData("text/plain")||"",a=n?m((new globalThis.DOMParser).parseFromString(n,"text/html").body,{marks:i,links:s,collapse:!0}):[{type:"text",value:r.replace(/\s+/gu," ").trim()}],l=(0,o.yH)(a),[c,u]=w(),d=l.reduce((e,t)=>e+t.text.length,0);S((0,o.e_)(x(),c,u,l),c+d,c+d)},T),e.addEventListener("drop",e=>e.preventDefault(),T),e.addEventListener("keydown",e=>{if(e.isComposing||f)return;const t=e.ctrlKey||e.metaKey;if("Enter"!==e.key||e.shiftKey){if("Escape"===e.key)e.preventDefault(),Y();else if(t&&"z"===e.key.toLowerCase())e.preventDefault(),e.shiftKey?d<c.length-1&&D(d+1):d>0&&D(d-1);else if(t&&"y"===e.key.toLowerCase())e.preventDefault(),d<c.length-1&&D(d+1);else if(t&&"k"===e.key.toLowerCase()&&s)e.preventDefault(),z();else if(t){const t=Object.entries(u).find(([,t])=>t===e.key.toLowerCase())?.[0];t&&i.includes(t)&&(e.preventDefault(),B(t))}}else e.preventDefault(),$()},T),M.addEventListener("mousedown",e=>{e.target.closest("button")&&e.preventDefault()},T),M.addEventListener("click",e=>{const t=e.target.closest("button");t&&(t.dataset.mark?B(t.dataset.mark):t.dataset.link?_.hidden?z():K():t===N?U(I.value.trim()):t===j&&U(null))},T),I.addEventListener("keydown",e=>{"Enter"===e.key&&(e.preventDefault(),U(I.value.trim())),"Escape"===e.key&&(e.preventDefault(),K())},T);const Z=t=>{const r=t.relatedTarget;r&&(e.contains(r)||M.contains(r))||globalThis.setTimeout(()=>{v||e.contains(n.activeElement)||M.contains(n.activeElement)||$()},0)};return e.addEventListener("focusout",Z,T),M.addEventListener("focusout",Z,T),n.addEventListener("selectionchange",()=>{e.contains(n.getSelection()?.anchorNode)&&F()},T),globalThis.addEventListener("scroll",P,{...T,passive:!0,capture:!0}),globalThis.addEventListener("resize",P,{...T,passive:!0}),F(),Object.freeze({element:e,commit:$,cancel:Y,value:()=>(0,o.Lr)(x())})}function E(e=globalThis.customElements){if(!e||"function"!=typeof globalThis.HTMLElement)return null;const t=e.get("sf-inline-editor");if(t)return t;class n extends globalThis.HTMLElement{connectedCallback(){this.hidden=!0}edit(e,t){return v(e,t)}}return e.define("sf-inline-editor",n),n}n.d(t,["ew",0,l]),r()}catch(T){r(T)}})},e66d878fb4f8(e,t,n){n.d(t,{Lr:()=>f,MC:()=>g,TS:()=>y,e_:()=>k,ln:()=>p,n4:()=>d,v7:()=>a,wh:()=>b,yH:()=>c});const r=Object.freeze(["strong","em","code"]),i=new Map(r.map((e,t)=>[e,t])),o=new Set(["http:","https:","mailto:","tel:"]),s=Object.freeze({maxTextLength:1e5,maxHrefLength:2048});function a(e){if("string"!=typeof e||e.length<1||e.length>s.maxHrefLength)return!1;if(/^(?:\/|\.?\.\/|#)/u.test(e))return!e.startsWith("//")&&!e.includes("\\");try{return o.has(new globalThis.URL(e).protocol)}catch{return!1}}function l(e){return[...new Set(e)].filter(e=>i.has(e)).sort((e,t)=>i.get(e)-i.get(t))}function c(e){const t=[],n=(e,n)=>{"text"===e?.type&&"string"==typeof e.value&&e.value&&t.push({text:e.value,marks:l(Array.isArray(e.marks)?e.marks:[]),href:n})};for(const t of Array.isArray(e)?e:[])if("link"===t?.type){const e=a(t.href)?t.href:null;for(const r of Array.isArray(t.children)?t.children:[])n(r,e)}else n(t,null);return t}const u=(e,t)=>e.href===t.href&&e.marks.join()===t.marks.join();function d(e){const t=[];for(const n of e){if(!n.text)continue;const e={text:n.text,marks:l(n.marks||[]),href:n.href&&a(n.href)?n.href:null},r=t.at(-1);r&&u(r,e)?r.text+=e.text:t.push(e)}const n=[];for(const e of t){const t={type:"text",value:e.text,...e.marks.length?{marks:e.marks}:{}},r=n.at(-1);e.href?"link"===r?.type&&r.href===e.href?r.children.push(t):n.push({type:"link",href:e.href,children:[t]}):n.push(t)}return n}function f(e){return d(c(e))}function p(e){return c(e).map(({text:e})=>e).join("")}function h(e,t){const n=[];let r=0;for(const i of e){const e=r+i.text.length;t>r&&t<e?n.push({...i,text:i.text.slice(0,t-r)},{...i,text:i.text.slice(t-r)}):n.push(i),r=e}return n}function m(e,t,n){const r=h(h(c(e),t),n);let i=0;return r.map(e=>{const r=i;return i+=e.text.length,{segment:e,inside:r>=t&&i<=n&&i>r}})}function g(e,t,n){const i=m(e,Math.min(t,n),Math.max(t,n)).filter(({inside:e})=>e).map(({segment:e})=>e);if(!i.length)return{marks:[],href:null};return{marks:r.filter(e=>i.every(t=>t.marks.includes(e))),href:i.every(e=>e.href===i[0].href)?i[0].href:null}}function b(e,t,n,r){if(!i.has(r)||t===n)return f(e);const[o,s]=[Math.min(t,n),Math.max(t,n)],a=g(e,o,s).marks.includes(r);return d(m(e,o,s).map(({segment:e,inside:t})=>t?{...e,marks:a?e.marks.filter(e=>e!==r):[...e.marks,r]}:e))}function y(e,t,n,r){if(null!==r&&!a(r))throw new TypeError("inline_link_unsafe");const[i,o]=[Math.min(t,n),Math.max(t,n)];return i===o?f(e):d(m(e,i,o).map(({segment:e,inside:t})=>t?{...e,href:r}:e))}function k(e,t,n,r){const[i,o]=[Math.min(t,n),Math.max(t,n)],s=m(e,i,o),a=s.filter((e,t)=>s.slice(0,t+1).reduce((e,t)=>e+t.segment.text.length,0)<=i).map(({segment:e})=>e);let l=0;const c=[];for(const{segment:e}of s){const t=l;l+=e.text.length,t>=o&&c.push(e)}return d([...a,...r,...c])}n.d(t,["ZY",0,r])}};const t={};function n(r){const i=t[r];if(void 0!==i)return i.exports;const o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",i=e?Symbol("webpack error"):"__webpack_error__",o=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};n.a=(e,n,s)=>{let a;s&&((a=[]).d=-1);const l=new Set,c=e.exports;let u,d,f;const p=new Promise((e,t)=>{f=t,d=e});p[r]=c,p[t]=e=>(a&&e(a),l.forEach(e),p.catch(e=>{})),e.exports=p;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=>{s[r]=e,o(n)},e=>{s[i]=e,o(n)});const s={};return s[t]=e=>e(n),s}}const n={};return n[t]=e=>{},n[r]=e,n}))(e);const s=()=>u.map(e=>{if(e[i])throw e[i];return e[r]}),c=new Promise(e=>{n=()=>e(s),n.r=0;const r=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(n.r++,e.push(n)));u.map(e=>e[t](r))});return n.r?c:s()},e=>(e?f(p[i]=e):d(c),o(a))),a?.d<0&&(a.d=0)}})(),n.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],o=t[r++];n.o(e,i)?0===o&&r++:0===o?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:o})}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("dc7f7e1860ec")})();

package/distr/smart/inline-editor/smart.manifest.json

@@ -0,0 +1,304 @@
+{
+  "schema_version": 2,
+  "id": "smart.inline-editor",
+  "version": "1.0.0",
+  "title": "Inline editor",
+  "summary": "In-place editor for content.heading and content.paragraph text: strong, em, code and safe links, own history, safe paste; reports normalized content, never HTML.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "composition",
+    "editor",
+    "inline",
+    "text"
+  ],
+  "capabilities": [
+    "interaction",
+    "keyboard",
+    "theme"
+  ],
+  "custom_element": "sf-inline-editor",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {},
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {
+    "start": {
+      "type": "object",
+      "description": "SF.Composition.startInlineEdit(element, {content, nodeId, label, marks, links, messages}) or element.edit(target, options) returns {element, commit(), cancel(), value()}. Before the component is loaded startInlineEdit throws inline_editor_not_loaded. Also exposed as SF.InlineEditor {INLINE_EVENTS, readInlineDom, renderInlineDom, startInlineEdit, textOffset}.",
+      "properties": {
+        "marks": {
+          "type": "array",
+          "items": {
+            "enum": [
+              "strong",
+              "em",
+              "code"
+            ]
+          }
+        },
+        "links": {
+          "type": "boolean",
+          "default": true
+        }
+      }
+    },
+    "links": {
+      "type": "object",
+      "description": "http, https, mailto, tel, relative and fragment links only; protocol-relative and backslash addresses are refused, as in Document validation."
+    }
+  },
+  "methods": {
+    "edit": {
+      "summary": "Starts editing a rendered heading or paragraph; returns {element, commit, cancel, value}.",
+      "arguments": [
+        {
+          "name": "element",
+          "type": "Element"
+        },
+        {
+          "name": "options",
+          "type": "object"
+        }
+      ],
+      "returns": {
+        "type": "object"
+      }
+    }
+  },
+  "events": {
+    "sf-inline-edit-input": {
+      "summary": "Live normalized content after a change. Dispatched on the edited element; bubbles to document.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "node_id",
+          "content"
+        ],
+        "properties": {
+          "node_id": {
+            "type": [
+              "string",
+              "null"
+            ]
+          },
+          "content": {
+            "type": "array"
+          }
+        }
+      }
+    },
+    "sf-inline-edit-commit": {
+      "summary": "Editing finished with Enter or focus leaving; the host saves. Dispatched on the edited element; bubbles to document.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "node_id",
+          "content"
+        ],
+        "properties": {
+          "node_id": {
+            "type": [
+              "string",
+              "null"
+            ]
+          },
+          "content": {
+            "type": "array"
+          }
+        }
+      }
+    },
+    "sf-inline-edit-cancel": {
+      "summary": "Editing was cancelled with Escape; the original HTML is restored. Dispatched on the edited element; bubbles to document.",
+      "payload": {
+        "type": "object",
+        "properties": {
+          "node_id": {
+            "type": [
+              "string",
+              "null"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "state": {
+    "machines": {
+      "edit": [
+        "idle",
+        "editing",
+        "committed",
+        "cancelled"
+      ]
+    },
+    "visual_states": [
+      "default",
+      "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": null,
+    "accessible_name": "internal",
+    "keyboard": [
+      "Mod+B",
+      "Mod+I",
+      "Mod+E",
+      "Mod+K",
+      "Mod+Z",
+      "Mod+Shift+Z",
+      "Mod+Y",
+      "Enter",
+      "Escape"
+    ],
+    "focus": "The sf-inline-editor carrier is hidden and has no role. While editing, the edited element becomes a labelled role=textbox with a visible outline; the formatting toolbar has aria-pressed states and aria-keyshortcuts. Enter commits, Escape cancels, focus leaving commits; IME composition is never interrupted."
+  },
+  "presentation": {
+    "themes": [
+      "light",
+      "dark"
+    ],
+    "locales": [
+      "ru",
+      "en"
+    ],
+    "responsive": [
+      "desktop",
+      "mobile",
+      "ltr",
+      "rtl",
+      "reduced-motion"
+    ],
+    "skeleton": {
+      "shape": "block",
+      "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/inline-editor/index.js",
+        "sha256": "1c72a35b36ecea8a70cdc97879042fd7bffc5da5bc080eeb2a8b2e1845e37246"
+      },
+      {
+        "path": "src/smart/inline-editor/scss/_smart__inline-editor.scss",
+        "sha256": "7b68cc2115dc43757de62b217216304c9e3bdc8d84a86e8a80c6441bd7b46076"
+      },
+      {
+        "path": "src/smart/inline-editor/rule.js",
+        "sha256": "bbdbebe550848cc0e208a9dd0dfe1eb2add719d4dfcc15857f8b86d5a3b77795"
+      },
+      {
+        "path": "src/smart/inline-editor/docs.md",
+        "sha256": "bd938225d4d3fa8fdf3b1543f34d483c24a0894443a85ae84b601d0c20459966"
+      },
+      {
+        "path": "src/core/js/composition/inline-editor.mjs",
+        "sha256": "d7e9a6afcdc1dc121efe52283bdb6b5b4ae48943c29fa77a1f5920b7692982de"
+      },
+      {
+        "path": "src/core/js/composition/inline-model.mjs",
+        "sha256": "2d584862b57ce8e1586da111399313920dd2f0e72b5a1a19b5ba3bede6269077"
+      }
+    ],
+    "generated_runtime": []
+  },
+  "ai_guidance": {
+    "use_when": "Use the inline editor for text of content.heading and content.paragraph on an editor page. Save the committed content through the host Property contract, validate the Document and re-render.",
+    "do_not": [
+      "Do not copy generated ui-smart code",
+      "Do not save HTML; events carry the content model",
+      "Do not offer lists; the content model has none",
+      "Do not call startInlineEdit before sf-inline-editor is defined"
+    ],
+    "required_reads": [
+      "contracts",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-inline-editor></sf-inline-editor><script>await customElements.whenDefined('sf-inline-editor'); SF.Composition.startInlineEdit(paragraph, {content, nodeId: 'p1', label: 'Paragraph'});</script>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}