@simai-studio/ui 0.0.0-stage → 5.20261019.1559

package/distr/smart/reference-link/js/reference-link.min.js

@@ -0,0 +1,23 @@
+(()=>{"use strict";var e={"98e26702f55a"(e,t,n){function r(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function a({component:e="",kind:t="attribute",attribute:n="",from:a,to:o=null}={}){if(!a)return;const i=[e,t,n,a].join("|"),l=r(),s=l.get(i);if(s)s.count+=1;else if(l.set(i,{component:e,kind:t,attribute:n,from:a,to:o,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const r=e?`${e}: `:"",i="value"===t?`${n}="${a}"`:`${t} ${a}`;globalThis.console?.warn?.(`[Simai Framework] ${r}${i} is a legacy name${o?`; write ${o}`:""}. See contracts/changes/journal.json.`)}}if(n.d(t,{id:()=>s}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...r().values()].map(e=>({...e}))},e.clear=function(){r().clear()},e.note=a,globalThis.SF.deprecations=e}const o=Object.freeze(["1/2","1","2"]),i=Object.freeze({"1/3":"1/2",3:"2"}),l=new Set;function s(e,t="field",n="1"){const r=String(e??"").trim().toLowerCase();if(o.includes(r))return r;if(Object.hasOwn(i,r)){const e=i[r];a({component:t,kind:"value",attribute:"size",from:r,to:e});const n=`${t}:${r}`;return l.has(n)||"undefined"==typeof console||(l.add(n),console.warn(`[Simai Framework] ${t}: size ${r} is retired for form fields; rendering size ${e}.`)),e}return n}},b15eca80760b(e,t,n){n.a(e,async(e,t)=>{try{var r=n("fbe0570fcc69"),a=n("98e26702f55a"),o=n("fe7168bbc2ad"),i=e([r,o]);[r,o]=i.then?(await i)():i;var l=n.n(r);class s extends(l()){static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:""},line:{default:""},appearance:{default:"card"},icon:{default:"arrow_forward"},label:{default:""},text:{default:""},href:{default:""},target:{default:"_self"},disabled:{type:Boolean,default:!1},ariaLabel:{default:""}}}get templateName(){return this.getAttribute("template")||"default"}get size(){const e=this.getAttribute("size")||"";return e?(0,a.id)(e,"sf-reference-link"):""}get line(){const e=this.getAttribute("line")||"";return e?(0,a.id)(e,"sf-reference-link line"):""}get appearance(){return"plain"===this.getAttribute("appearance")?"plain":"card"}get icon(){const e=this.getAttribute("icon");return null===e?"arrow_forward":e}get label(){return this.getAttribute("label")||""}get text(){return this.getAttribute("text")||""}get href(){return this.getAttribute("href")||""}get target(){return this.getAttribute("target")||"_self"}get disabled(){return this.getBooleanAttr("disabled",!1)}get ariaLabel(){return this.getAttribute("aria-label")||""}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,component:this,rootClass:this.getRootClass()})}template(){return(0,o.w)(this.templateContext())}handleRootClick=e=>{this.disabled&&(e.preventDefault(),e.stopPropagation(),"function"==typeof e.stopImmediatePropagation&&e.stopImmediatePropagation())};onClick(e,t){return"function"==typeof e&&this.addEventListener("click",e,t),this}}s.define("sf-reference-link"),t()}catch(e){t(e)}})},fe7168bbc2ad(e,t,n){n.a(e,async(e,r)=>{try{n.d(t,{w:()=>l});var a=n("ddf1cdb42ecc"),o=e([a]),i=o.then?(await o)():o;a=i[0];function l(e){const{component:t,appearance:n,icon:r,label:o,text:i,href:l,target:s,disabled:c,ariaLabel:f,rootClass:u,size:d,line:b}=e,p=["sf-reference-link",d?`sf-reference-link--size-${d}`:"",b?`sf-reference-link--line-${b}`:"","plain"===n?"sf-reference-link--plain":"","flex","items-cross-center",c?"disabled":"",u].filter(Boolean).join(" "),h=t?.hasSlotContent?.("label")?t.getSlotContent("label"):o,g=t?.hasSlotContent?.("text")?t.getSlotContent("text"):i,m=l&&!c?a.html`
+          <a class="sf-reference-link__link"
+            href=${l}
+            target=${s||a.nothing}
+            rel=${s&&"_self"!==s?"noopener noreferrer":a.nothing}
+            aria-label=${f||a.nothing}
+          >
+            ${h}
+          </a>
+        `:a.html`<span>${h}</span>`;return a.html`
+    <div
+      class=${p}
+      style=${e.rootStyle||a.nothing}
+      @click=${t?.handleRootClick}
+      aria-disabled=${c?"true":a.nothing}
+    >
+      <div class="sf-reference-link__main sf-reference-link-left">
+        ${r?a.html`<i class="sf-reference-link__icon sf-icon" aria-hidden="true">${r}</i>`:a.nothing}
+        ${m}
+      </div>
+      <div class="sf-reference-link__meta sf-reference-link-text">${g}</div>
+    </div>
+  `}r()}catch(s){r(s)}})},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}))},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(r){const a=t[r];if(void 0!==a)return a.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__",a=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,i)=>{let l;i&&((l=[]).d=-1);const s=new Set,c=e.exports;let f,u,d;const b=new Promise((e,t)=>{d=t,u=e});b[r]=c,b[t]=e=>(l&&e(l),s.forEach(e),b.catch(e=>{})),e.exports=b;n(e=>{let n;f=(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=>{i[r]=e,o(n)},e=>{i[a]=e,o(n)});const i={};return i[t]=e=>e(n),i}}const n={};return n[t]=e=>{},n[r]=e,n}))(e);const i=()=>f.map(e=>{if(e[a])throw e[a];return e[r]}),c=new Promise(e=>{n=()=>e(i),n.r=0;const r=e=>e!==l&&!s.has(e)&&(s.add(e),e&&!e.d&&(n.r++,e.push(n)));f.map(e=>e[t](r))});return n.r?c:i()},e=>(e?d(b[a]=e):u(c),o(l))),l?.d<0&&(l.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 r=0;r<t.length;){var a=t[r++],o=t[r++];n.o(e,a)?0===o&&r++:0===o?Object.defineProperty(e,a,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,a,{enumerable:!0,get:o})}else for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);n("b15eca80760b")})();

package/distr/smart/reference-link/smart.manifest.json

@@ -0,0 +1,286 @@
+{
+  "schema_version": 2,
+  "id": "smart.reference-link",
+  "version": "1.0.0",
+  "title": "Reference Link",
+  "summary": "Navigation surface that pairs a real destination with a compact reference.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "reference-link"
+  ],
+  "capabilities": [
+    "render",
+    "theme",
+    "responsive"
+  ],
+  "custom_element": "sf-reference-link",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [
+      "component.reference-link",
+      "smart.icons"
+    ],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "appearance": {
+        "type": "string",
+        "enum": [
+          "card",
+          "plain"
+        ],
+        "default": "card",
+        "description": "card is the reference as its own box: frame, fill and padding. plain is the link alone, taking the width of its text, for a reference inside something that is already a box -- a record’s field, a table cell -- where a second frame reads as a control the value is not."
+      },
+      "aria-label": {
+        "type": "string",
+        "default": ""
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Render an unavailable, non-focusable reference without navigation."
+      },
+      "href": {
+        "type": "string",
+        "default": "",
+        "description": "Real navigation destination. Required for an enabled reference."
+      },
+      "icon": {
+        "type": "string",
+        "default": "arrow_forward",
+        "description": "Decorative icon name. An absent attribute is the arrow; an empty one draws no icon, for a reference that stands beside its own label."
+      },
+      "label": {
+        "type": "string",
+        "default": "",
+        "description": "Destination-oriented visible link label."
+      },
+      "line": {
+        "type": "string",
+        "default": "",
+        "enum": [
+          "",
+          "1/2",
+          "1",
+          "2"
+        ],
+        "description": "Takes the text line of this form size as a link without the card, for a table cell, so the row keeps its control height."
+      },
+      "size": {
+        "type": "string",
+        "default": "",
+        "enum": [
+          "",
+          "1/2",
+          "1",
+          "2"
+        ],
+        "description": "Form size: the reference becomes a control of that size, for a row of fields or a table cell. Empty keeps the card spacing."
+      },
+      "target": {
+        "type": "string",
+        "default": "_self",
+        "description": "Native browsing-context target. Disclose new-context navigation in the name."
+      },
+      "template": {
+        "type": "string",
+        "default": "default"
+      },
+      "text": {
+        "type": "string",
+        "default": "",
+        "description": "Compact route, source or reference shown beside the label."
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {
+    "navigation": {
+      "enabled": "native anchor with a real href",
+      "disabled": "non-interactive content with no href",
+      "boundary": "the complete reference surface is the pointer and keyboard-focus boundary"
+    },
+    "canonical_elements": {
+      "type": "string",
+      "enum": [
+        "sf-reference-link__main",
+        "sf-reference-link__link",
+        "sf-reference-link__icon",
+        "sf-reference-link__meta"
+      ]
+    },
+    "interaction_states": {
+      "type": "string",
+      "enum": [
+        "hover",
+        "active",
+        "focus-visible"
+      ]
+    }
+  },
+  "methods": {
+    "onClick": {
+      "summary": "Adds a click listener on the host.",
+      "arguments": [
+        {
+          "name": "handler",
+          "type": "function",
+          "required": true
+        },
+        {
+          "name": "options",
+          "type": "object|boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    }
+  },
+  "events": {},
+  "state": {
+    "machines": {},
+    "visual_states": [
+      "default",
+      "active",
+      "disabled"
+    ]
+  },
+  "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": null,
+    "accessible_name": "recommended",
+    "keyboard": [
+      "Tab"
+    ],
+    "focus": "Keep visible focus on the active control."
+  },
+  "presentation": {
+    "themes": [
+      "light",
+      "dark"
+    ],
+    "locales": [
+      "ru",
+      "en"
+    ],
+    "responsive": [
+      "desktop",
+      "mobile"
+    ],
+    "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/reference-link/index.js",
+        "sha256": "166cfd7a8dbfa8227126d3e8b0b7902637aa92fa6b2cf09c304010f960f4966e"
+      }
+    ],
+    "generated_runtime": [
+      {
+        "repository": "simai/ui-smart",
+        "revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c",
+        "path": "smart/reference-link/js/reference-link.js",
+        "sha256": "6aa49e834639b9d0a71746091942491515f6daec36edcbe6e3c8daa683303a35"
+      }
+    ]
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-reference-link when a real destination benefits from a visible route, source or other compact reference.",
+    "do_not": [
+      "Do not use Reference Link for a generic action or a plain text link",
+      "Do not render an enabled reference without href",
+      "Do not leave href on a disabled reference",
+      "Do not open a new context without disclosing it in the accessible name",
+      "Do not copy generated ui-smart code",
+      "Do not move host data or access decisions into the component"
+    ],
+    "required_reads": [
+      "inputs",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-reference-link label=\"Installation guide\" text=\"/start/install/\" href=\"/start/install/\"></sf-reference-link>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

package/distr/smart/reference-link/studio.fixture.json

@@ -0,0 +1,14 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.reference-link",
+  "title": "Reference Link reference",
+  "summary": "Deterministic reference fixture for sf-reference-link.",
+  "locale": "ru",
+  "props": {
+    "text": "Документация",
+    "href": "#"
+  },
+  "children": [],
+  "state": "default"
+}

package/distr/smart/reference-link/studio.scenario.json

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

package/distr/smart/reference-link/template/default.js

@@ -0,0 +1,58 @@
+import { html, nothing } from 'lit';
+
+export function renderReferenceLinkTemplate(context) {
+  const { component, appearance, icon, label, text, href, target, disabled, ariaLabel, rootClass, size, line } =
+    context;
+
+  const rootClasses = [
+    'sf-reference-link',
+    size ? `sf-reference-link--size-${size}` : '',
+    line ? `sf-reference-link--line-${line}` : '',
+    appearance === 'plain' ? 'sf-reference-link--plain' : '',
+    'flex',
+    'items-cross-center',
+    disabled ? 'disabled' : '',
+    rootClass,
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+  const labelContent =
+    component?.hasSlotContent?.('label')
+      ? component.getSlotContent('label')
+      : label;
+
+  const textContent =
+    component?.hasSlotContent?.('text')
+      ? component.getSlotContent('text')
+      : text;
+
+  const linkContent =
+    href && !disabled
+      ? html`
+          <a class="sf-reference-link__link"
+            href=${href}
+            target=${target || nothing}
+            rel=${target && target !== '_self' ? 'noopener noreferrer' : nothing}
+            aria-label=${ariaLabel || nothing}
+          >
+            ${labelContent}
+          </a>
+        `
+      : html`<span>${labelContent}</span>`;
+
+  return html`
+    <div
+      class=${rootClasses}
+      style=${context.rootStyle || nothing}
+      @click=${component?.handleRootClick}
+      aria-disabled=${disabled ? 'true' : nothing}
+    >
+      <div class="sf-reference-link__main sf-reference-link-left">
+        ${icon ? html`<i class="sf-reference-link__icon sf-icon" aria-hidden="true">${icon}</i>` : nothing}
+        ${linkContent}
+      </div>
+      <div class="sf-reference-link__meta sf-reference-link-text">${textContent}</div>
+    </div>
+  `;
+}

package/distr/smart/resizer/css/resizer.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer{right:calc(-1*var(--sf-resizer--hit)/2)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) sf-resizer{right:calc(-1*var(--sf-resizer--hit)/2)}}sf-resizer:where(:dir(ltr)){right:calc(-1*var(--sf-resizer--hit)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer{left:calc(-1*var(--sf-resizer--hit)/2)}@supports not (inset-inline-end: initial){[dir="rtl"] sf-resizer{left:calc(-1*var(--sf-resizer--hit)/2)}}sf-resizer:where(:dir(rtl)){left:calc(-1*var(--sf-resizer--hit)/2)}sf-resizer{--sf-resizer--hit: var(--sf-a8);position:absolute;top:0;bottom:0;inset-block:0;inset-inline-end:calc(-1*var(--sf-resizer--hit)/2);z-index:70;z-index:var(--sf-z-index-7, 70);display:block;width:var(--sf-resizer--hit);inline-size:var(--sf-resizer--hit);cursor:col-resize;touch-action:none;outline:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer[edge=inline-start]{left:calc(-1*var(--sf-resizer--hit)/2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer[edge=inline-start]{left:calc(-1*var(--sf-resizer--hit)/2)}}sf-resizer[edge=inline-start]:where(:dir(ltr)){left:calc(-1*var(--sf-resizer--hit)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer[edge=inline-start]{right:calc(-1*var(--sf-resizer--hit)/2)}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer[edge=inline-start]{right:calc(-1*var(--sf-resizer--hit)/2)}}sf-resizer[edge=inline-start]:where(:dir(rtl)){right:calc(-1*var(--sf-resizer--hit)/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer[edge=inline-start]{right:auto}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) sf-resizer[edge=inline-start]{right:auto}}sf-resizer[edge=inline-start]:where(:dir(ltr)){right:auto}_:-ms-input-placeholder, [dir="rtl"] sf-resizer[edge=inline-start]{left:auto}@supports not (inset-inline-end: initial){[dir="rtl"] sf-resizer[edge=inline-start]{left:auto}}sf-resizer[edge=inline-start]:where(:dir(rtl)){left:auto}sf-resizer[edge=inline-start]{inset-inline-start:calc(-1*var(--sf-resizer--hit)/2);inset-inline-end:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer::after{left:calc(50% - var(--sf-px))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer::after{left:calc(50% - var(--sf-px))}}sf-resizer::after:where(:dir(ltr)){left:calc(50% - var(--sf-px))}_:-ms-input-placeholder, [dir="rtl"] sf-resizer::after{right:calc(50% - var(--sf-px))}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer::after{right:calc(50% - var(--sf-px))}}sf-resizer::after:where(:dir(rtl)){right:calc(50% - var(--sf-px))}sf-resizer::after{content:"";position:absolute;top:0;bottom:0;inset-block:0;inset-inline-start:calc(50% - var(--sf-px));width:calc(2*var(--sf-px));inline-size:calc(2*var(--sf-px));background-color:rgba(0,0,0,0);transition:background-color 0.15s ease;transition:background-color var(--sf-duration-fast, 0.15s) var(--sf-animation, ease)}sf-resizer[aria-disabled=true]{cursor:default}html[data-sf-resizer-active],html[data-sf-resizer-active] *{cursor:col-resize !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}}@layer sf.states{sf-resizer:not([aria-disabled=true]):hover::after,sf-resizer[data-sf-resizing]::after{background-color:var(--sf-primary)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(ltr)){left:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(rtl)){right:calc(50% - var(--sf-focus--width)/2)}sf-resizer.focus-visible::after{background-color:var(--sf-focus--color);width:var(--sf-focus--width);inline-size:var(--sf-focus--width);inset-inline-start:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(ltr)){left:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer:focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer:focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}}sf-resizer:focus-visible::after:where(:dir(ltr)){left:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(rtl)){right:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer:focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer:focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}}sf-resizer:focus-visible::after:where(:dir(rtl)){right:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) sf-resizer.focus-visible::after{left:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(ltr)){left:calc(50% - var(--sf-focus--width)/2)}_:-ms-input-placeholder, [dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}@supports not (inset-inline-start: initial){[dir="rtl"] sf-resizer.focus-visible::after{right:calc(50% - var(--sf-focus--width)/2)}}sf-resizer.focus-visible::after:where(:dir(rtl)){right:calc(50% - var(--sf-focus--width)/2)}sf-resizer.focus-visible::after{background-color:var(--sf-focus--color);width:var(--sf-focus--width);width:var(--sf-focus--width);inline-size:var(--sf-focus--width);inset-inline-start:calc(50% - var(--sf-focus--width)/2)}sf-resizer:focus-visible::after{background-color:var(--sf-focus--color);width:var(--sf-focus--width);inline-size:var(--sf-focus--width);inset-inline-start:calc(50% - var(--sf-focus--width)/2)}}@media(prefers-reduced-motion: reduce){sf-resizer::after{transition:none}}@media(forced-colors: active){sf-resizer:hover::after,sf-resizer.focus-visible::after,sf-resizer[data-sf-resizing]::after{background-color:Highlight}sf-resizer:hover::after,sf-resizer:focus-visible::after,sf-resizer[data-sf-resizing]::after{background-color:Highlight}}

package/distr/smart/resizer/js/resizer.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e="data-sf-resizer-active";function t(e,t,n=t.measure()){const{min:s,max:i}=t.limits();e.setAttribute("aria-valuemin",String(Math.round(s))),e.setAttribute("aria-valuemax",String(Math.round(i))),n&&e.setAttribute("aria-valuenow",String(Math.round(n)))}function n(e,t){const{min:n,max:s}=e.limits();return Math.round(Math.min(Math.max(n,s),Math.max(n,t)))}function s(s,i={}){const r=e=>i.handles?e?.closest?.(i.handles):s,o=e=>(e=>e&&(e===s||s.contains(e)))(e)?i.session?.(e)??null:null;let a=null;const l=t=>{const n=a;n&&(a=null,globalThis.removeEventListener("pointermove",n.move,!0),globalThis.removeEventListener("pointerup",n.up,!0),globalThis.removeEventListener("pointercancel",n.up,!0),document.documentElement.removeAttribute(e),delete n.handle.dataset.sfResizing,n.session.end?.(),t&&n.width!==Math.round(n.from)&&n.session.commit?.(n.width))},u=s=>{if(s.button>0||a)return;const i=r(s.target),u=o(i);if(!u)return;s.preventDefault(),s.stopPropagation(),i.focus?.({preventScroll:!0});const c=u.measure(),h={handle:i,session:u,pointer:s.pointerId,x:s.clientX,from:c,width:Math.round(c),move:e=>{if(e.pointerId!==h.pointer)return;const s=n(u,h.from+(e.clientX-h.x)*(u.direction?.()??1));s!==h.width&&(h.width=u.apply(s,"move")??s,t(i,u,h.width))},up:e=>{e.pointerId===h.pointer&&l(!0)}};a=h,u.start?.(),i.dataset.sfResizing="",document.documentElement.setAttribute(e,""),globalThis.addEventListener("pointermove",h.move,!0),globalThis.addEventListener("pointerup",h.up,!0),globalThis.addEventListener("pointercancel",h.up,!0)},c=e=>{if(e.altKey||e.ctrlKey||e.metaKey)return;const s=r(e.target);if(s!==e.target)return;const i=o(s);if(!i)return;const{min:a,max:l}=i.limits(),u=i.measure(),c="rtl"===getComputedStyle(s).direction,h=i.direction?.()??1,d=(i.step??16)*(e.shiftKey?4:1),p=(c?-1:1)*h;let m=null;if("ArrowRight"===e.key)m=u+d*p;else if("ArrowLeft"===e.key)m=u-d*p;else if("PageUp"===e.key)m=u+4*d;else if("PageDown"===e.key)m=u-4*d;else if("Home"===e.key)m=a;else if("End"===e.key)m=l;else if("Enter"===e.key||" "===e.key)return e.preventDefault(),e.stopPropagation(),void i.reset?.();if(null===m)return;e.preventDefault(),e.stopPropagation();const g=i.apply(n(i,m),"end")??n(i,m);t(s,i,g),i.commit?.(g)},h=e=>{const t=r(e.target),n=o(t);n&&(e.preventDefault(),e.stopPropagation(),n.reset?.())},d=e=>{const n=r(e.target),s=o(n);s&&t(n,s)};return s.addEventListener("pointerdown",u),s.addEventListener("keydown",c),s.addEventListener("dblclick",h),s.addEventListener("focusin",d),i.handles||(s.setAttribute("role","separator"),s.setAttribute("aria-orientation","vertical")),()=>{l(!1),s.removeEventListener("pointerdown",u),s.removeEventListener("keydown",c),s.removeEventListener("dblclick",h),s.removeEventListener("focusin",d)}}const i="sf-pref:",r=/^[\w.*:-]+(?:\/[\w.*:/-]+)?$/u;function o(){try{return globalThis.localStorage??null}catch{return null}}function a(e){return"string"==typeof e&&e.length>0&&e.length<=200&&r.test(e)}function l(e,t){try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}function u(e){return null==e?null:JSON.parse(JSON.stringify(e))}"undefined"!=typeof globalThis&&(globalThis.SF=globalThis.SF||{},globalThis.SF.Preferences||(globalThis.SF.Preferences=function(){const e={adapter:null,values:new Map},t=new Map,n=new Map;let s=!1;const r=()=>{if(s)return;const e=globalThis.document?.querySelector?.('script[type="application/json"][data-sf-preferences], script#sf-preferences[type="application/json"]');if(e){s=!0;try{g.preload(JSON.parse(e.textContent||"{}"))}catch{}}},c=(e,n)=>{for(const s of t.get(e)??[])try{s(u(n),e)}catch(t){console.error("SF.Preferences listener failed",e,t)}},h=e=>{const t=o();if(!t)return null;try{const n=t.getItem(i+e);return null===n?null:JSON.parse(n)}catch{return null}},d=(e,t)=>{const n=o();if(n)try{null===t?n.removeItem(i+e):n.setItem(i+e,JSON.stringify(t))}catch{}},p=t=>{clearTimeout(n.get(t)),n.delete(t);const s=e.adapter;if(!s)return;const i=e.values.has(t)?e.values.get(t):h(t);try{const e=null===i?s.remove?.(t):s.save?.(t,u(i));Promise.resolve(e).catch(e=>console.warn("SF.Preferences: the host did not keep",t,e))}catch(e){console.warn("SF.Preferences: the host did not keep",t,e)}},m=t=>{e.adapter&&(clearTimeout(n.get(t)),n.set(t,setTimeout(()=>p(t),400)))},g={read:t=>a(t)?(r(),e.values.has(t)?u(e.values.get(t)):u(h(t))):null,readMerged(...e){const t={};let n=!1;for(const s of e.flat()){const e=g.read(s);e&&"object"==typeof e&&!Array.isArray(e)&&(Object.assign(t,e),n=!0)}return n?t:null},write(t,n){if(!a(t))return!1;const s=u(n);return JSON.stringify(g.read(t))===JSON.stringify(s)||(e.values.has(t)&&e.values.set(t,s),d(t,s),m(t)),!0},remove:t=>!!a(t)&&(e.values.has(t)&&e.values.set(t,null),d(t,null),m(t),c(t,null),!0),subscribe:(e,n)=>a(e)&&"function"==typeof n?(t.has(e)||t.set(e,new Set),t.get(e).add(n),()=>t.get(e)?.delete(n)):()=>{},preload(t){if(t&&"object"==typeof t)for(const[n,s]of Object.entries(t)){if(!a(n))continue;const t=u(s),i=g.read(n);e.values.set(n,t),d(n,t),l(i,t)||c(n,t)}},useHost(t){if(!t||"function"!=typeof t.save)throw new TypeError("A preferences host saves: {save(key, value)}");return e.adapter=t,g},async load(t){const n=[].concat(t).filter(t=>a(t)&&!e.values.has(t));if(n.length&&"function"==typeof e.adapter?.load)try{g.preload(await e.adapter.load(n))}catch(e){console.warn("SF.Preferences: the host did not answer",n,e)}},get hosted(){return Boolean(e.adapter)},flush(){for(const e of[...n.keys()])p(e)}};return globalThis.addEventListener?.("storage",t=>{if(!t.key?.startsWith(i)||t.storageArea!==o())return;const n=t.key.slice(8);if(e.values.has(n))return;let s=null;try{s=null===t.newValue?null:JSON.parse(t.newValue)}catch{s=null}c(n,s)}),globalThis.addEventListener?.("pagehide",()=>g.flush()),r(),Object.freeze(g)}()));const c=globalThis.SF?.Preferences,h=c,d={en:{label:"Resize",hint:"Drag, or use the arrow keys; a double click restores the width."},ru:{label:"Изменить ширину",hint:"Тяните или нажимайте стрелки; двойной щелчок возвращает ширину."}};function p(e,t){if(null==e||""===e)return null;const n=Number(e);if(Number.isFinite(n))return n;const s=document.createElement("span");s.style.cssText="position:absolute;visibility:hidden;pointer-events:none;block-size:0;padding:0;border:0",s.style.inlineSize=String(e),(t?.isConnected?t:document.body).append(s);const i=parseFloat(getComputedStyle(s).width);return s.remove(),Number.isFinite(i)?i:null}const m=()=>globalThis.SF?.Preferences||h,g=e=>`sf-resizer/${String(e).replace(/[^\w.:-]+/gu,"-")}`;function f(e,t){e&&(null===t?m()?.remove(g(e)):m()?.write(g(e),{v:1,width:Math.round(t)}))}class b extends HTMLElement{static get observedAttributes(){return["min","max","label","disabled","value"]}constructor(){super(),this._onWindowResize=()=>this.clampToLimits()}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.syncLabel(),this._detach=s(this,{session:()=>this.disabled?null:this.session()}),globalThis.addEventListener("resize",this._onWindowResize),requestAnimationFrame(()=>{if(!this.isConnected)return;const e=this.target();e&&"static"===getComputedStyle(e).position&&(e.style.position="relative");const t=Number(this.getAttribute("value"))||function(e){if(!e)return null;const t=m()?.read(g(e));if(Number.isFinite(t?.width))return t.width;try{const t=Number(globalThis.localStorage?.getItem(`sf-resizer:${e}`))||null;return t&&(m()?.write(g(e),{v:1,width:t}),globalThis.localStorage?.removeItem(`sf-resizer:${e}`)),t}catch{return null}}(this.storageKey);t&&this.apply(t),this.syncValue()})}disconnectedCallback(){this._detach?.(),this._detach=null,globalThis.removeEventListener("resize",this._onWindowResize)}attributeChangedCallback(e,t,n){"value"===e&&n&&n!==t&&this.isConnected?this.restore(n):this.isConnected&&(this.syncLabel(),this.syncValue())}get storageKey(){return this.getAttribute("storage-key")||""}get property(){return this.getAttribute("property")||""}get step(){return Math.max(1,Number(this.getAttribute("step"))||16)}get disabled(){return this.hasAttribute("disabled")}target(){const e=this.getAttribute("target");return(e?this.parentElement?.closest(e):this.parentElement)??null}limits(){const e=this.target()?.parentElement??document.body,t=p(this.getAttribute("min")||"12rem",e)??0,n=p(this.getAttribute("max")||"40rem",e)??1/0;return{min:t,max:Math.max(t,n)}}width(){return this.target()?.getBoundingClientRect().width??0}session(){return{measure:()=>this.width(),limits:()=>this.limits(),apply:(e,t)=>{const n=this.apply(e);return"move"===t&&null!==n&&this.announce(n,"move"),n},commit:e=>this.commit(e),reset:()=>this.reset(),direction:()=>("rtl"===getComputedStyle(this).direction?-1:1)*("inline-start"===this.getAttribute("edge")?-1:1),step:this.step}}apply(e){const t=this.target();if(!t)return null;const{min:n,max:s}=this.limits(),i=Math.round(Math.min(s,Math.max(n,e)));return this.property?t.style.setProperty(this.property,`${i}px`):t.style.inlineSize=`${i}px`,this.syncValue(i),i}announce(e,t){this.dispatchEvent(new CustomEvent("sf-resize",{bubbles:!0,composed:!0,detail:{width:e,phase:t}}))}commit(e){f(this.storageKey,e),this.announce(e,"end")}reset(){if(this.disabled)return;const e=this.target();e&&(this.property?e.style.removeProperty(this.property):e.style.removeProperty("inline-size"),f(this.storageKey,null),requestAnimationFrame(()=>{const e=Math.round(this.width());this.syncValue(e),this.announce(e,"reset")}))}restore(e){const t=Number(e);if(!Number.isFinite(t)||t<=0)return null;const n=this.apply(t);return null!==n&&f(this.storageKey,n),n}clampToLimits(){const e=this.target();if(!e)return;const t=this.property?e.style.getPropertyValue(this.property):e.style.inlineSize;if(!t)return;const{min:n,max:s}=this.limits(),i=Number.parseFloat(t);Number.isFinite(i)&&(i>s||i<n)&&this.apply(i)}syncLabel(){const e=d[function(e){const t=(e.closest("[lang]")?.getAttribute("lang")||document.documentElement.lang||"en").slice(0,2).toLowerCase();return d[t]?t:"en"}(this)];this.getAttribute("aria-label")&&!this._ownLabel||(this.setAttribute("aria-label",this.getAttribute("label")||e.label),this._ownLabel=!0),this.title=this.getAttribute("label")?`${this.getAttribute("label")}. ${e.hint}`:e.hint,this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}syncValue(e=this.width()){t(this,{limits:()=>this.limits(),measure:()=>e},e)}}customElements.get("sf-resizer")||customElements.define("sf-resizer",b),globalThis.SF=globalThis.SF||{},globalThis.SF.Resizer=Object.freeze({SfResizer:b,attach:s,attachResizer:s})})();