@simai-studio/ui 0.0.0-stage → 5.20261019.1710

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

@@ -0,0 +1,204 @@
+import { html, nothing } from 'lit';
+import { normalizeSlideContent } from '../../../../component/slider/js/_slide-content';
+
+function joinClasses(...tokens) {
+  return tokens.flat().filter(Boolean).join(' ');
+}
+
+function normalizeOption(value = '') {
+  return String(value || '').trim().toLowerCase();
+}
+
+function getButtonOptions(type = 'primary') {
+  const normalizedType = normalizeOption(type);
+  const options = {
+    primary: { type: 'default', scheme: 'primary' },
+    secondary: { type: 'tonal', scheme: 'secondary' },
+    dark: { type: 'default', scheme: 'on-surface' },
+    light: { type: 'link', scheme: 'on-surface' },
+  };
+
+  return options[normalizedType] || options.primary;
+}
+
+function getDotsClasses(type = 'primary-dark', size = '2') {
+  const normalizedType = normalizeOption(type);
+  const typeClasses = {
+    primary: ['sf-slider-dots--primary', 'sf-slider-dots--dark'],
+    'primary-light': ['sf-slider-dots--primary', 'sf-slider-dots--light'],
+    'primary-dark': ['sf-slider-dots--primary', 'sf-slider-dots--dark'],
+    light: ['sf-slider-dots--clear', 'sf-slider-dots--light'],
+    dark: ['sf-slider-dots--clear', 'sf-slider-dots--dark'],
+    clear: ['sf-slider-dots--clear', 'sf-slider-dots--light'],
+  };
+
+  return joinClasses(
+    'sf-slider-dots',
+    typeClasses[normalizedType] || typeClasses['primary-dark'],
+    'sf-slider-dots--framed',
+    `sf-slider-dots--size-${size || '2'}`,
+    'flex',
+    'sf-slider-pagination',
+  );
+}
+
+function normalizeSlides(slides) {
+  if (!slides || slides === nothing) return [];
+  return normalizeSlideContent(slides);
+}
+
+function renderDefaultSlides() {
+  return [
+    html`
+      <div class="radius-surface bg-primary color-on-primary p-2">
+        Slide 1
+      </div>
+    `,
+    html`
+      <div class="radius-surface bg-secondary color-on-secondary p-2">
+        Slide 2
+      </div>
+    `,
+    html`
+      <div class="radius-surface bg-tertiary color-on-tertiary p-2">
+        Slide 3
+      </div>
+    `,
+  ];
+}
+
+function cloneSlide(slide) {
+  if (slide instanceof Node) {
+    return slide.cloneNode(true);
+  }
+
+  return slide;
+}
+
+function stripThumbnailStyles(node) {
+  if (!(node instanceof Element)) return node;
+
+  [node, ...node.querySelectorAll('*')].forEach((element) => {
+    element.removeAttribute('class');
+    element.removeAttribute('style');
+  });
+
+  return node;
+}
+
+function createThumbnailContent(slide) {
+  const clone = cloneSlide(slide);
+  if (!(clone instanceof Element)) return clone;
+
+  const mediaSelector = 'img, picture, video';
+  const media = clone.matches(mediaSelector)
+    ? clone
+    : clone.querySelector(mediaSelector);
+
+  if (!media) return clone;
+
+  return stripThumbnailStyles(media.cloneNode(true));
+}
+
+function renderSlides(context) {
+  const slides = normalizeSlides(context.slides);
+  const items = slides.length ? slides : renderDefaultSlides();
+
+  return items.map(
+    (slide) => html`
+      <div class="swiper-slide">
+        <div class=${joinClasses('sf-slider-slide', context.slideClass)}>
+          ${slide}
+        </div>
+      </div>
+    `,
+  );
+}
+
+function renderThumbSlides(context) {
+  const slides = normalizeSlides(context.slides);
+  const items = slides.length
+    ? slides.map(createThumbnailContent)
+    : renderDefaultSlides();
+
+  return items.map(
+    (slide) => html`
+      <div class="swiper-slide">
+        <div class=${joinClasses('sf-slider-thumbnail', context.thumbClass)}>
+          ${slide}
+        </div>
+      </div>
+    `,
+  );
+}
+
+function renderArrows(context) {
+  if (!context.arrows) return '';
+
+  const buttonOptions = getButtonOptions(context.buttonType);
+  const buttonSize = context.buttonSize || '1';
+
+  return html`
+    <div class="sf-slider-arrows sf-slider-arrows--size-2">
+      <sf-icon-button
+        root-class="sf-slider-button-prev"
+        icon="keyboard_arrow_left"
+        size=${buttonSize}
+        appearance=${buttonOptions.type}
+        scheme=${buttonOptions.scheme}
+        aria-label=${context.previousLabel}
+      ></sf-icon-button>
+      <sf-icon-button
+        root-class="sf-slider-button-next"
+        icon="keyboard_arrow_right"
+        size=${buttonSize}
+        appearance=${buttonOptions.type}
+        scheme=${buttonOptions.scheme}
+        aria-label=${context.nextLabel}
+      ></sf-icon-button>
+    </div>
+  `;
+}
+
+export function renderSliderTemplate(context) {
+  const rootClasses = joinClasses('sf-slider', context.rootClass);
+  const authoredSpaceBetween = context.component?.hasAttribute('space-between');
+  const authoredSpeed = context.component?.hasAttribute('speed');
+
+  return html`
+    <div
+      class=${rootClasses}
+      style=${context.rootStyle || nothing}
+      data-loop=${String(!!context.loop)}
+      data-space-between=${authoredSpaceBetween ? String(context.spaceBetween) : nothing}
+      data-speed=${authoredSpeed ? String(context.speed) : nothing}
+    >
+      <div class="sf-slider-main swiper">
+        <div class="swiper-wrapper">
+          ${renderSlides(context)}
+        </div>
+      </div>
+
+      ${context.thumbs
+        ? html`
+            <div class=${joinClasses('sf-slider-thumbnails swiper', context.thumbsClass)}>
+              <div class="swiper-wrapper">
+                ${renderThumbSlides(context)}
+              </div>
+            </div>
+          `
+        : nothing}
+
+      ${context.arrows || context.dots
+        ? html`
+            <div class="sf-slider-controls">
+              ${renderArrows(context)}
+              ${context.dots
+                ? html`<div class=${getDotsClasses(context.dotsType, context.dotsSize)}></div>`
+                : ''}
+            </div>
+          `
+        : ''}
+    </div>
+  `;
+}

package/distr/smart/sortable/css/sortable.min.css

@@ -0,0 +1 @@
+@layer sf.base{sf-sortable{display:block}}@layer sf.components{[data-sf-sortable-item][data-sf-sortable-dragging]{opacity:.4}[data-sf-sortable-item].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}[data-sf-sortable-item].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}[data-sf-sortable-item]: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}[data-sf-sortable-handle]{cursor:-webkit-grab;cursor:grab;touch-action:none}.sf-sortable-ghost{position:fixed;z-index:90;z-index:var(--sf-sortable-ghost-z-index, var(--sf-z-index-9, 90));margin:0;pointer-events:none;opacity:.9;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);box-shadow:var(--sf-ui-shadow-4, 0 4px 12px rgba(0, 0, 0, 0.3))}.sf-sortable-indicator{position:fixed;z-index:90;z-index:var(--sf-sortable-ghost-z-index, var(--sf-z-index-9, 90));border-radius:2px;background:Highlight;background:var(--sf-primary, Highlight);pointer-events:none}.sf-sortable-indicator[hidden]{display:none}[data-sf-sortable-item][data-sf-sortable-lifted]{display:none !important}.sf-sortable-column-outline{position:fixed;z-index:90;z-index:var(--sf-sortable-ghost-z-index, var(--sf-z-index-9, 90));box-sizing:border-box;border:var(--sf-px) dashed Highlight;border:var(--sf-px) dashed var(--sf-outline-primary, var(--sf-primary, Highlight));border-radius:4px;border-radius:var(--sf-radius--ui, 4px);background-color:transparent;background-color:var(--sf-primary-transparent-select, transparent);pointer-events:none}[data-sf-sortable-column-source]{opacity:.4}.sf-sortable-placeholder{box-sizing:border-box;flex:none;border:var(--sf-px) dashed Highlight;border:var(--sf-px) dashed var(--sf-outline-primary, var(--sf-primary, Highlight));border-radius:4px;border-radius:var(--sf-radius--ui, 4px);background-color:transparent;background-color:var(--sf-primary-transparent-select, transparent);pointer-events:none}.sf-sortable-live{position:absolute;width:1px;inline-size:1px;height:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}html[data-sf-sortable-active],html[data-sf-sortable-active] *{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}

package/distr/smart/sortable/js/sortable.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={"6064f55a0aa2"(e,t,s){s.a(e,async(e,t)=>{try{var n=s("7c1f9c2b36da"),i=e([n]);(0,(n=(i.then?(await i)():i)[0]).mH)(),globalThis.SF=globalThis.SF||{},globalThis.SF.Sortable=Object.freeze({SORTABLE_INTENT_EVENT:n.dd,SORTABLE_STATE_EVENT:n.WK,activeSortableSession:n.Ld,attach:n.q0,attachSortable:n.q0,registerSortableDropTarget:n.OE,sortableIndexAt:n.AI}),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}))},"7c1f9c2b36da"(e,t,s){s.a(e,async(e,n)=>{try{s.d(t,{AI:()=>R,Ld:()=>y,OE:()=>T,mH:()=>D,q0:()=>q});var i=s("0d662e4d7d63"),o=e([i]),r=o.then?(await o)():o;i=r[0];const l="sf-sortable-intent",a="sf-sortable-state",c="[data-sf-sortable-item]",d="[data-sf-sortable-handle]",u='a[href],button,input,select,textarea,summary,[contenteditable]:not([contenteditable="false"])',h=/^[a-z][a-z0-9-]{0,31}$/u,g=4,f=32,p={ru:{instructions:"Пробел или Enter — взять, стрелки — переместить, Пробел или Enter — положить, Escape — отменить.",picked:"Взято: {item}. Позиция {index} из {total} в «{list}».",moved:"Позиция {index} из {total} в «{list}».",dropped:"Положено: {item}, позиция {index} в «{list}».",cancelled:"Перемещение отменено.",target:"Цель: {target}."},en:{instructions:"Space or Enter to pick up, arrows to move, Space or Enter to drop, Escape to cancel.",picked:"Picked up {item}. Position {index} of {total} in “{list}”.",moved:"Position {index} of {total} in “{list}”.",dropped:"Dropped {item} at position {index} in “{list}”.",cancelled:"Move cancelled.",target:"Target: {target}."}},b=(e,t)=>e.replace(/\{(\w+)\}/gu,(e,s)=>String(t[s]??"")),m=()=>Object.fromEntries(Object.keys(p.en).map(e=>[e,(0,i.pageText)(p,e,void 0,"sf-sortable")])),v=globalThis.__sfSortableSharedV1||(globalThis.__sfSortableSharedV1={targets:new Set,session:null}),x=v.targets;function y(){return v.session?Object.freeze({item:v.session.item,from:v.session.from,group:v.session.group,mode:v.session.mode,input:v.session.input}):null}function T(e){if(!e||"function"!=typeof e.resolve||"function"!=typeof e.drop)throw new TypeError("Drop target needs resolve and drop");return x.add(e),()=>x.delete(e)}function E(e){if(e.getAttribute("aria-label"))return e.getAttribute("aria-label");const t=e.cloneNode(!0);for(const e of t.querySelectorAll('[aria-hidden="true"]'))e.remove();return t.textContent.replace(/\s+/gu," ").trim()}function A(e){return e.getAttribute("label")||e.getAttribute("aria-label")||e.getAttribute("group")||""}function w(e){return[...e.querySelectorAll(c)].filter(t=>t.closest("sf-sortable")===e)}function S(e,t){if(!e||"copy"===e.getAttribute("mode"))return!1;const s=e.getAttribute("group"),n=(e.getAttribute("accepts")||"").split(/\s+/u).filter(Boolean);return t===s||n.includes(t)}function k(e){for(let t=e?.parentElement;t;t=t.parentElement){const e=globalThis.getComputedStyle(t);if(/(auto|scroll)/u.test(e.overflowY)&&t.scrollHeight>t.clientHeight)return t}return globalThis.document.scrollingElement}function L(){let e=globalThis.document.querySelector(".sf-sortable-indicator");return e||(e=globalThis.document.createElement("div"),e.className="sf-sortable-indicator",e.setAttribute("aria-hidden","true"),globalThis.document.body.append(e)),e}function C(e){const t=L();e?(t.hidden=!1,Object.assign(t.style,{left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`})):t.hidden=!0}function O(e){return"line"!==e.getAttribute("preview")}function B(e){if(e.placeholder)return e.placeholder;const t=e.sourceBox,s=globalThis.document.createElement("div");return s.className="sf-sortable-placeholder",s.setAttribute("aria-hidden","true"),Object.assign(s.style,{inlineSize:`${t.width}px`,blockSize:`${t.height}px`}),e.placeholder=s,s}function I(e,t,s,n){const i="horizontal"===t.getAttribute("orientation"),o=w(t).filter(t=>t!==e.source);let r;if(!i&&(_(o)||e.wrappedLists?.has(t)))r=$(o,s,n);else{r=R(o.map(e=>{const t=e.getBoundingClientRect();return i?{start:t.left,end:t.right}:{start:t.top,end:t.bottom}}),i?s:n)}const l=B(e),a=o[r];if(a)l.nextElementSibling!==a&&a.before(l);else if(o.length){const e=o[o.length-1];e.nextElementSibling!==l&&e.after(l)}else l.parentElement!==t&&t.append(l);return r}function R(e,t,s=-1){let n=0;for(let i=0;i<e.length;i+=1){if(i===s)continue;const o=e[i];t>o.start+(o.end-o.start)/2&&(n=i+1)}return n}function _(e){for(let t=1;t<e.length;t+=1){const s=e[t-1].getBoundingClientRect(),n=e[t].getBoundingClientRect();if(n.top<s.bottom-1&&n.left>=s.right-1)return!0}return!1}function $(e,t,s){let n=0;for(let i=0;i<e.length;i+=1){const o=e[i].getBoundingClientRect();(s>o.bottom||!(s<o.top)&&t>o.left+o.width/2)&&(n=i+1)}return n}function j(e,t,s){const n=w(e),i="horizontal"===e.getAttribute("orientation");if(!i&&_(n)){const i=$(n,t,s);return{list:e,index:i,rect:F(e,n,i)}}const o=R(n.map(e=>{const t=e.getBoundingClientRect();return i?{start:t.left,end:t.right}:{start:t.top,end:t.bottom}}),i?t:s);return{list:e,index:o,rect:M(e,n,o,i)}}function F(e,t,s){const n=e.getBoundingClientRect(),i=t[s],o=t[s-1];if(i){const e=i.getBoundingClientRect();return{left:e.left-1,top:e.top,width:2,height:e.height}}if(o){const e=o.getBoundingClientRect();return{left:e.right-1,top:e.top,width:2,height:e.height}}return{left:n.left,top:n.top,width:2,height:n.height}}function M(e,t,s,n){const i=e.getBoundingClientRect(),o=t[s],r=t[s-1];if(n){return{left:(o?o.getBoundingClientRect().left:r?r.getBoundingClientRect().right:i.left)-1,top:i.top,width:2,height:i.height}}const l=o?o.getBoundingClientRect().top:r?r.getBoundingClientRect().bottom:i.top;return{left:i.left,top:l-1,width:i.width,height:2}}function P(e,t){if(!v.session)return;const s=v.session;v.session=null,s.cleanup?.abort(),s.scrollFrame&&globalThis.cancelAnimationFrame(s.scrollFrame),s.source?.removeAttribute("data-sf-sortable-dragging"),s.source?.removeAttribute("data-sf-sortable-lifted"),s.placeholder?.remove(),s.ghost?.remove(),C(null);for(const e of x)e.leave?.();globalThis.document.documentElement.removeAttribute("data-sf-sortable-active"),e.dispatchEvent(new globalThis.CustomEvent(a,{bubbles:!0,composed:!0,detail:Object.freeze({state:t,item:s.item})}))}function D(e=globalThis.customElements){if(!e||"function"!=typeof globalThis.HTMLElement)return null;const t=e.get("sf-sortable");if(t)return t;class s extends globalThis.HTMLElement{constructor(){super(),this.connection=null,this.live=null,this.instructions=null}connectedCallback(){if(this.connection)return;this.connection=new AbortController;const e={signal:this.connection.signal};this.live||(this.live=globalThis.document.createElement("div"),this.live.className="sf-sortable-live",this.live.setAttribute("aria-live","polite"),this.instructions=globalThis.document.createElement("div"),this.instructions.className="sf-sortable-live",this.instructions.id=`sf-sortable-help-${Math.random().toString(36).slice(2,10)}`),this.instructions.textContent=m().instructions,this.append(this.live,this.instructions),this.addEventListener("pointerdown",e=>this.onPointerDown(e),e),this.addEventListener("keydown",e=>this.onKeyDown(e),e),this.addEventListener("focusin",e=>this.prepareItem(e.target.closest?.(c)),e);for(const e of w(this))this.prepareItem(e);this.observer=new globalThis.MutationObserver(()=>{for(const e of w(this))this.prepareItem(e)}),this.observer.observe(this,{childList:!0,subtree:!0}),this.setAttribute("data-sf-sortable","connected")}disconnectedCallback(){this.observer?.disconnect(),this.observer=null,this.connection?.abort(),this.connection=null,v.session?.fromList!==this&&v.session?.list!==this||P(this,"cancelled"),this.setAttribute("data-sf-sortable","disposed")}prepareItem(e){if(!e||e.closest("sf-sortable")!==this)return;e.hasAttribute("tabindex")||e.matches(u)||(e.tabIndex=0);const t=(e.getAttribute("aria-describedby")||"").split(/\s+/u);this.instructions&&!t.includes(this.instructions.id)&&e.setAttribute("aria-describedby",[...t.filter(Boolean),this.instructions.id].join(" ")),e.querySelector(d)||(e.style.touchAction="none")}announce(e){this.live&&(this.live.textContent=e)}get group(){const e=this.getAttribute("group")||"";return h.test(e)?e:""}get mode(){return"copy"===this.getAttribute("mode")?"copy":"move"}begin(e,t){const s=e.getAttribute("data-sf-sortable-item");if(!s||!this.group||v.session)return!1;const n=w(this),i=e.getBoundingClientRect();return v.session={sourceBox:i,item:s,from:this.getAttribute("id")||this.group,group:this.group,mode:this.mode,input:t,source:e,fromList:this,sourceIndex:n.indexOf(e),list:"copy"===this.mode?null:this,index:n.indexOf(e),external:null,cleanup:new AbortController},e.setAttribute("data-sf-sortable-dragging",""),globalThis.document.documentElement.setAttribute("data-sf-sortable-active",""),this.dispatchEvent(new globalThis.CustomEvent(a,{bubbles:!0,composed:!0,detail:Object.freeze({state:"picked",item:s})})),!0}onPointerDown(e){if(0!==e.button||v.session)return;const t=e.target.closest?.(c);if(!t||t.closest("sf-sortable")!==this)return;const s=t.querySelector(d);if(s&&!s.contains(e.target))return;if(!s&&e.target.closest(u)&&e.target.closest(u)!==t)return;const n=e.clientX,i=e.clientY,o=e.pointerId;let r=!1;const l=new AbortController,a=()=>{l.abort(),r&&P(this,"cancelled")};globalThis.addEventListener("pointermove",e=>{if(e.pointerId===o){if(!r){if(Math.hypot(e.clientX-n,e.clientY-i)<g)return;if(!this.begin(t,e.pointerType||"mouse"))return void l.abort();r=!0,t.setPointerCapture?.(o),v.session.ghost=this.ghost(t,e),O(this)&&"copy"!==this.mode&&(v.session.silhouette=!0,v.session.wrappedLists=new Set(_(w(this))?[this]:[]),t.setAttribute("data-sf-sortable-lifted",""),this.retarget(e.clientX,e.clientY))}e.preventDefault(),this.track(e.clientX,e.clientY)}},{signal:l.signal,passive:!1}),globalThis.addEventListener("pointerup",e=>{e.pointerId===o&&(l.abort(),r&&this.drop())},{signal:l.signal}),globalThis.addEventListener("pointercancel",a,{signal:l.signal}),globalThis.addEventListener("keydown",e=>{"Escape"===e.key&&r&&(e.preventDefault(),e.stopPropagation(),a())},{signal:l.signal,capture:!0})}ghost(e,t){const s=e.getBoundingClientRect(),n=e.cloneNode(!0);n.removeAttribute("id");for(const e of n.querySelectorAll("[id]"))e.removeAttribute("id");return n.classList.add("sf-sortable-ghost"),n.setAttribute("aria-hidden","true"),n.inert=!0,Object.assign(n.style,{width:`${s.width}px`,left:`${s.left}px`,top:`${s.top}px`}),v.session.offset={x:t.clientX-s.left,y:t.clientY-s.top},globalThis.document.body.append(n),n}track(e,t){v.session&&(v.session.pointer={x:e,y:t},v.session.ghost&&Object.assign(v.session.ghost.style,{left:e-v.session.offset.x+"px",top:t-v.session.offset.y+"px"}),this.retarget(e,t),this.startAutoScroll())}retarget(e,t){const s=globalThis.document.elementFromPoint(e,t),n=s?.closest?.("sf-sortable");for(const s of x){const n=s.resolve(e,t,y());if(n)return v.session.list=null,v.session.external={target:s,...n},void C(n.rect)}if(v.session.external=null,n&&S(n,v.session.group)&&v.session.silhouette&&O(n))return v.session.list=n,v.session.index=I(v.session,n,e,t),void C(null);if(v.session.placeholder?.remove(),n&&S(n,v.session.group)){const s=j(n,e,t);v.session.list=n,v.session.index=n===v.session.fromList&&"move"===v.session.mode&&s.index>v.session.sourceIndex?s.index-1:s.index,C(s.rect)}else v.session.list=null,C(null)}startAutoScroll(){if(!v.session||v.session.scrollFrame)return;const e=()=>{if(!v.session?.pointer)return;v.session.scrollFrame=0;const{x:t,y:s}=v.session.pointer,n=k(globalThis.document.elementFromPoint(t,s));if(!n)return;const i=n===globalThis.document.scrollingElement?{top:0,bottom:globalThis.innerHeight}:n.getBoundingClientRect(),o=n.scrollHeight-n.clientHeight;let r=0;s<i.top+f&&n.scrollTop>0?r=-Math.ceil((i.top+f-s)/4):s>i.bottom-f&&n.scrollTop<o&&(r=Math.ceil((s-i.bottom+f)/4)),r&&(n.scrollBy({top:r,behavior:"instant"}),this.retarget(t,s),v.session.scrollFrame=globalThis.requestAnimationFrame(e))};v.session.scrollFrame=globalThis.requestAnimationFrame(e)}drop(){if(!v.session)return;const e=v.session;if(e.external)return e.external.target.drop(y(),e.external.descriptor),void P(this,"dropped");if(e.list){const n=e.index;if(!(e.list===e.fromList&&n===e.sourceIndex))return t=e.list,s={item:e.item,from:e.from,to:e.list.getAttribute("id")||e.list.group,index:n,mode:e.mode},t.dispatchEvent(new globalThis.CustomEvent(l,{bubbles:!0,composed:!0,detail:Object.freeze(s)})),e.list.announce?.(b(m().dropped,{item:E(e.source),index:n+1,list:A(e.list)})),void P(this,"dropped")}var t,s;P(this,"cancelled")}keyboardTargets(){return[...globalThis.document.querySelectorAll("sf-sortable")].filter(e=>e===v.session?.fromList?"move"===v.session.mode:S(e,v.session?.group))}describeKeyboard(e=!0){if(!v.session)return;if(v.session.external)return C(v.session.external.rect),void(e&&this.announce(b(m().target,{target:v.session.external.label||""})));const t=v.session.list,s=w(t),n=t===v.session.fromList&&"move"===v.session.mode,i=s.length+(n?0:1),o=n&&v.session.index>v.session.sourceIndex?v.session.index+1:v.session.index;C(M(t,s,Math.min(o,s.length),"horizontal"===t.getAttribute("orientation"))),e&&this.announce(b(m().moved,{index:v.session.index+1,total:i,list:A(t)}))}onKeyDown(e){const t=e.target.closest?.(c);if(!v.session){if(!t||t.closest("sf-sortable")!==this||e.target!==t)return;if(" "!==e.key&&"Enter"!==e.key)return;if(e.preventDefault(),!this.begin(t,"keyboard"))return;const s=()=>{v.session?.fromList===this&&(this.announce(m().cancelled),P(this,"cancelled"))},n={signal:v.session.cleanup.signal};if(this.addEventListener("focusout",e=>{e.relatedTarget&&this.contains(e.relatedTarget)||globalThis.setTimeout(()=>{this.contains(globalThis.document.activeElement)||s()},0)},n),globalThis.document.addEventListener("pointerdown",e=>{this.contains(e.target)||s()},{...n,capture:!0}),"copy"===v.session.mode){const[e]=this.keyboardTargets(),t=[...x].flatMap(e=>(e.keyboardTargets?.(y())||[]).map(t=>({target:e,...t})));if(e)v.session.list=e,v.session.index=w(e).length;else{if(!t.length)return void P(this,"cancelled");v.session.external=t[0]}}if(v.session.external)return this.describeKeyboard(!1),void this.announce(`${b(m().picked,{item:E(t),index:1,total:1,list:""}).split(".")[0]}. ${b(m().target,{target:v.session.external.label||""})}`);const i=w(v.session.list);return this.describeKeyboard(!1),void this.announce(b(m().picked,{item:E(t),index:v.session.index+1,total:i.length,list:A(v.session.list)}))}if("keyboard"!==v.session.input||v.session.fromList!==this)return;const s=this.keyboardTargets(),n=[...x].flatMap(e=>(e.keyboardTargets?.(y())||[]).map(t=>({target:e,...t})));if("Escape"===e.key||"Tab"===e.key)return"Escape"===e.key&&e.preventDefault(),this.announce(m().cancelled),void P(this,"cancelled");if(" "===e.key||"Enter"===e.key)return e.preventDefault(),void this.drop();const i={ArrowUp:-1,ArrowDown:1}[e.key],o={ArrowLeft:-1,ArrowRight:1}[e.key];if(void 0===i&&void 0===o)return;if(e.preventDefault(),v.session.external){const e=n.findIndex(e=>e.target===v.session.external.target&&JSON.stringify(e.descriptor)===JSON.stringify(v.session.external.descriptor)),t=n[e+(i??o)];return t?v.session.external=t:(i??o)<0&&s.length&&(v.session.external=null,v.session.list=s.at(-1),v.session.index=w(v.session.list).length-(v.session.list===v.session.fromList&&"move"===v.session.mode?1:0)),void this.describeKeyboard()}const r=v.session.list,l=w(r).length-(r===v.session.fromList&&"move"===v.session.mode?1:0);if(void 0!==i){const e=v.session.index+i;e>=0&&e<=l?v.session.index=e:e>l&&void 0===o&&n.length&&s.indexOf(r)===s.length-1&&(v.session.external=n[0])}else{const e=s[s.indexOf(r)+o];e?(v.session.list=e,v.session.index=Math.min(v.session.index,w(e).length-(e===v.session.fromList&&"move"===v.session.mode?1:0))):o>0&&n.length&&(v.session.external=n[0])}this.describeKeyboard()}}return e.define("sf-sortable",s),s}function q(e,t={}){if(!(e instanceof globalThis.Element)||"string"!=typeof t.items)throw new TypeError("attachSortable needs a container and an items selector");const s=globalThis.document,n="line"===t.preview?"line":"column",i="function"==typeof t.groupOf?t.groupOf:()=>"",o="function"==typeof t.canStart?t.canStart:()=>!0,r="function"==typeof t.cellsOf?t.cellsOf:e=>[e],l=s.createElement("div");l.className="sf-sortable-live",l.setAttribute("aria-live","polite"),s.body.append(l);const a=new AbortController;let c=null;const d=s=>[...e.querySelectorAll(t.items)].filter(e=>i(e)===s),u=i=>{const o=d(c.group).filter(e=>e!==c.item).map(e=>e.getBoundingClientRect());let r=o.length;for(let e=0;e<o.length;e+=1)if(i<o[e].left+o[e].width/2){r=e;break}c.index=r;const l=(t.extent?.isConnected?t.extent:e).getBoundingClientRect(),a=c.width,u=o[r],h=o[r-1];let g;g="column"===n?r>c.originalIndex&&h?h.right-a:u?u.left:h?h.right-a:l.left:(u?u.left:h?h.right:l.left)-1,Object.assign((()=>{if(c.outline)return c.outline;const e=s.createElement("div");return e.className="column"===n?"sf-sortable-column-outline":"sf-sortable-indicator",e.setAttribute("aria-hidden","true"),s.body.append(e),c.outline=e,e})().style,{left:`${g}px`,top:`${l.top}px`,width:"column"===n?`${a}px`:"2px",height:`${l.height}px`})},h=n=>{const i=c;if(c=null,!i)return;i.pending.abort(),i.ghost?.remove(),i.outline?.remove();for(const e of i.cells)e.removeAttribute("data-sf-sortable-column-source");if(s.documentElement.removeAttribute("data-sf-sortable-active"),!i.started)return;const o=e=>{e.preventDefault(),e.stopImmediatePropagation()};if(e.addEventListener("click",o,{capture:!0,once:!0}),globalThis.setTimeout(()=>e.removeEventListener("click",o,{capture:!0}),0),!n)return void(l.textContent=m().cancelled);if(void 0===i.index||i.index===i.originalIndex)return;const r=i.item.getAttribute("data-sf-sortable-item")||i.item.dataset.key||"";l.textContent=b(m().dropped,{item:E(i.item),index:i.index+1,list:t.label||""}),t.onIntent?.({item:r,from:i.group,index:i.index,group:i.group})};return e.addEventListener("pointerdown",n=>{if(0!==n.button||c||v.session)return;const l=n.target.closest?.(t.items);if(!l||!e.contains(l)||!o(n,l))return;const a=i(l),p=d(a);if(p.length<2)return;const b=n.clientX,m=n.clientY,x=new AbortController,y=l.getBoundingClientRect();c={item:l,group:a,pending:x,started:!1,cells:[],width:y.width,originalIndex:p.indexOf(l)};globalThis.addEventListener("pointermove",t=>{if(t.pointerId===n.pointerId&&c){if(!c.started){if(Math.hypot(t.clientX-b,t.clientY-m)<g)return;c.started=!0,s.documentElement.setAttribute("data-sf-sortable-active","");const e=l.cloneNode(!0);e.removeAttribute("id");for(const t of e.querySelectorAll("[id]"))t.removeAttribute("id");e.classList.add("sf-sortable-ghost"),e.setAttribute("aria-hidden","true"),e.inert=!0,Object.assign(e.style,{width:`${y.width}px`,height:`${y.height}px`,left:`${y.left}px`,top:`${y.top}px`}),s.body.append(e),c.ghost=e,c.offset={x:b-y.left,y:m-y.top},c.cells=r(l).filter(Boolean);for(const e of c.cells)e.setAttribute("data-sf-sortable-column-source","")}t.preventDefault(),Object.assign(c.ghost.style,{left:t.clientX-c.offset.x+"px",top:t.clientY-c.offset.y+"px"}),(t=>{for(let s=e.parentElement;s;s=s.parentElement){const e=globalThis.getComputedStyle(s);if(!/(auto|scroll)/u.test(e.overflowX)||s.scrollWidth<=s.clientWidth)continue;const n=s.getBoundingClientRect();return void(t<n.left+f?s.scrollBy({left:-Math.ceil((n.left+f-t)/4),behavior:"instant"}):t>n.right-f&&s.scrollBy({left:Math.ceil((t-n.right+f)/4),behavior:"instant"}))}})(t.clientX),u(t.clientX)}},{signal:x.signal,passive:!1}),globalThis.addEventListener("pointerup",e=>{e.pointerId===n.pointerId&&h(!0)},{signal:x.signal}),globalThis.addEventListener("pointercancel",()=>h(!1),{signal:x.signal}),globalThis.addEventListener("keydown",e=>{"Escape"===e.key&&c?.started&&(e.preventDefault(),e.stopPropagation(),h(!1))},{signal:x.signal,capture:!0})},{signal:a.signal}),()=>{h(!1),a.abort(),l.remove()}}s.d(t,["WK",0,a,"dd",0,l]),n()}catch(N){n(N)}})}};const t={};function s(n){const i=t[n];if(void 0!==i)return i.exports;const o=t[n]={exports:{}};return e[n](o,o.exports,s),o.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",n=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()))};s.a=(e,s,r)=>{let l;r&&((l=[]).d=-1);const a=new Set,c=e.exports;let d,u,h;const g=new Promise((e,t)=>{h=t,u=e});g[n]=c,g[t]=e=>(l&&e(l),a.forEach(e),g.catch(e=>{})),e.exports=g;s(e=>{let s;d=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const s=[];s.d=0,e.then(e=>{r[n]=e,o(s)},e=>{r[i]=e,o(s)});const r={};return r[t]=e=>e(s),r}}const s={};return s[t]=e=>{},s[n]=e,s}))(e);const r=()=>d.map(e=>{if(e[i])throw e[i];return e[n]}),c=new Promise(e=>{s=()=>e(r),s.r=0;const n=e=>e!==l&&!a.has(e)&&(a.add(e),e&&!e.d&&(s.r++,e.push(s)));d.map(e=>e[t](n))});return s.r?c:r()},e=>(e?h(g[i]=e):u(c),o(l))),l?.d<0&&(l.d=0)}})(),s.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],o=t[n++];s.o(e,i)?0===o&&n++:0===o?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:o})}else for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);s("6064f55a0aa2")})();

package/distr/smart/sortable/smart.manifest.json

@@ -0,0 +1,306 @@
+{
+  "schema_version": 2,
+  "id": "smart.sortable",
+  "version": "1.0.0",
+  "title": "Sortable",
+  "summary": "Drag-and-drop list primitive for reordering, moving between lists and copying from a library by mouse, pen, touch and keyboard; reports intent only.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "sortable",
+    "drag-and-drop",
+    "editor"
+  ],
+  "capabilities": [
+    "interaction",
+    "keyboard",
+    "responsive"
+  ],
+  "custom_element": "sf-sortable",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "group": {
+        "type": "string",
+        "pattern": "^[a-z][a-z0-9-]{0,31}$"
+      },
+      "accepts": {
+        "type": "string",
+        "default": ""
+      },
+      "mode": {
+        "type": "string",
+        "default": "move",
+        "enum": [
+          "move",
+          "copy"
+        ]
+      },
+      "orientation": {
+        "type": "string",
+        "default": "vertical",
+        "enum": [
+          "vertical",
+          "horizontal"
+        ]
+      },
+      "label": {
+        "type": "string",
+        "default": ""
+      },
+      "preview": {
+        "type": "string",
+        "default": "silhouette",
+        "enum": [
+          "silhouette",
+          "line"
+        ],
+        "description": "How a pointer drag shows where the item lands: silhouette lifts the item out of the list and opens an outline of its size at the place it would take, the list making room; line draws a thin line there and leaves the list as it is. Keyboard moves and external targets always use the line; a list that wraps into a grid opens the outline as one of its cells, in reading order."
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {
+    "type": "object",
+    "description": "Descendants with data-sf-sortable-item=\"<id>\" are items; an optional data-sf-sortable-handle inside an item limits dragging to the handle and is the touch target.",
+    "properties": {
+      "attribute": {
+        "const": "data-sf-sortable-item"
+      },
+      "handle": {
+        "const": "data-sf-sortable-handle"
+      }
+    }
+  },
+  "contracts": {
+    "drop_targets": {
+      "type": "object",
+      "description": "SF.Sortable.registerSortableDropTarget({resolve, keyboardTargets, drop, leave}) joins non-list targets such as sf-composition-overlay to the same drag session; the session is shared across Smart bundles. Once loaded, SF.Sortable exposes SORTABLE_INTENT_EVENT, SORTABLE_STATE_EVENT, activeSortableSession, registerSortableDropTarget and sortableIndexAt."
+    }
+  },
+  "methods": {},
+  "events": {
+    "sf-sortable-intent": {
+      "summary": "The person dropped an item; the host applies or refuses the change.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "item",
+          "from",
+          "to",
+          "index",
+          "mode"
+        ],
+        "properties": {
+          "item": {
+            "type": "string"
+          },
+          "from": {
+            "type": "string"
+          },
+          "to": {
+            "type": "string"
+          },
+          "index": {
+            "type": "integer",
+            "minimum": 0
+          },
+          "mode": {
+            "enum": [
+              "move",
+              "copy"
+            ]
+          }
+        }
+      }
+    },
+    "sf-sortable-state": {
+      "summary": "A drag session started (picked) or ended (dropped, cancelled).",
+      "payload": {
+        "type": "object",
+        "properties": {
+          "state": {
+            "enum": [
+              "picked",
+              "dropped",
+              "cancelled"
+            ]
+          },
+          "item": {
+            "type": "string"
+          }
+        }
+      }
+    }
+  },
+  "state": {
+    "machines": {
+      "drag": [
+        "idle",
+        "picked",
+        "dropped",
+        "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": "recommended",
+    "keyboard": [
+      "Space",
+      "Enter",
+      "ArrowUp",
+      "ArrowDown",
+      "ArrowLeft",
+      "ArrowRight",
+      "Escape",
+      "Tab"
+    ],
+    "focus": "Items become focusable and describe the instructions. Space or Enter picks up, arrows move within a list and to other accepting lists or external targets, Space or Enter drops, Escape or Tab cancels. Every step is announced in a polite live region in the page language."
+  },
+  "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/sortable/index.js",
+        "sha256": "0f0f9384eb636383470aa59962c1f4e6665bb933bb7c189c273d612a048cb82d"
+      },
+      {
+        "path": "src/smart/sortable/scss/_smart__sortable.scss",
+        "sha256": "3f79884ef70991c250b802ada478b8fc9e97f7f1d50cd031e3ec6ab5cad55c12"
+      },
+      {
+        "path": "src/smart/sortable/rule.js",
+        "sha256": "24743a50d28b4dfaad57cbd24911a9a42f94e998ed9fd9941201f98640869469"
+      },
+      {
+        "path": "src/smart/sortable/docs.md",
+        "sha256": "5c4a69bed4f633e9ba5b0c2adbe31fe4b0b24db527bdd86901d9c1863a2d359a"
+      },
+      {
+        "path": "src/core/js/composition/sortable.mjs",
+        "sha256": "3d3e18a88181a12712eb8d812de87894d272fa656c26c70e52e0db8db3cc114a"
+      }
+    ],
+    "generated_runtime": []
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-sortable when people reorder or move host items, or drag library entries onto an editor canvas. Apply sf-sortable-intent to the host model with an expected revision; a refusal leaves the page unchanged.",
+    "do_not": [
+      "Do not copy generated ui-smart code",
+      "Do not let the component move host DOM or save data",
+      "Do not rely on pointer dragging alone; keep the keyboard path",
+      "Do not bundle a private drag session; use SF.Sortable.registerSortableDropTarget"
+    ],
+    "required_reads": [
+      "inputs",
+      "item_contract",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-sortable id=\"sections\" group=\"sections\" label=\"Sections\"><div data-sf-sortable-item=\"s1\">Section 1</div><div data-sf-sortable-item=\"s2\">Section 2</div></sf-sortable>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

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

@@ -0,0 +1,31 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.sortable",
+  "title": "sortable reference",
+  "summary": "Deterministic reference fixture for sf-sortable.",
+  "locale": "ru",
+  "props": {
+    "group": "sections",
+    "label": "Секции"
+  },
+  "children": [
+    {
+      "element": "div",
+      "props": {
+        "data-sf-sortable-item": "s1"
+      },
+      "text": "Секция 1",
+      "children": []
+    },
+    {
+      "element": "div",
+      "props": {
+        "data-sf-sortable-item": "s2"
+      },
+      "text": "Секция 2",
+      "children": []
+    }
+  ],
+  "state": "default"
+}

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

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

package/distr/smart/spinner/js/spinner.min.js

@@ -0,0 +1,17 @@
+(()=>{"use strict";var t={"58661bec99a6"(t,e,i){const n=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};i.d(e,["A",0,n])},eecc41af23fd(t,e,i){i.a(t,async(t,n)=>{try{i.d(e,{AM:()=>E,KH:()=>x,t7:()=>M});var a=i("d7f974466839"),r=i("58661bec99a6"),o=i("0d662e4d7d63"),s=t([o]),l=s.then?(await s)():s;o=l[0];const d={en:{label:"Loading…"},ru:{label:"Загрузка…"}},c="http://www.w3.org/2000/svg",h=".sf-loader-container",u="sfSpinnerBound";function f(t,e){const i=Number.parseFloat(String(t??""));return Number.isFinite(i)?i:e}function p(t,e,i){return Math.min(Math.max(t,e),i)}function m(t,e,i){const n=String(t||"").trim().toLowerCase();return e.includes(n)?n:i}function g(t,e={}){const i=document.createElementNS(c,t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&i.setAttribute(t,String(e))}),i}function b({width:t=58,height:e=58,strokeWidth:i=4}={}){const n=p(f(t,58),16,256),a=p(f(e,n),16,256),r=p(f(i,4),1,Math.min(n,a)/2),o=Math.max(1,Math.min(n,a)/2-r/2),s=n/2,l=a/2,d=g("svg",{class:"sf-loader-svg",viewBox:`0 0 ${n} ${a}`,width:n,height:a,"aria-hidden":"true"}),c=g("circle",{class:"sf-loader-ring-filled",cx:s,cy:l,r:o}),h=g("circle",{class:"sf-loader-ring-accent",cx:s,cy:l,r:o,pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${s} ${l})`});return d.append(c,h),d}function w({width:t=58,height:e=58,dots:i=16,filled:n=6,dotRadius:a=null,direction:r="clockwise"}={}){const o=p(f(t,58),16,256),s=p(f(e,o),16,256),l=p(Math.floor(f(i,16)),3,32),d=p(Math.floor(f(n,6)),1,l),c=null===a?Math.max(1.5,.06*Math.min(o,s)):p(f(a,1),1,Math.min(o,s)/4),h=Math.max(c,Math.min(o,s)/2-c-1),u=o/2,m=s/2,b=g("svg",{class:"sf-loader-svg",viewBox:`0 0 ${o} ${s}`,width:o,height:s,"aria-hidden":"true",style:`--sf-loader-dot-count:${l}; --sf-loader-dot-filled:${d};`});for(let t=0;t<l;t+=1){const e=2*Math.PI/l*t-Math.PI/2,i=g("circle",{class:"sf-loader-dot"+(t<d?" sf-loader-dot--active":""),cx:u+h*Math.cos(e),cy:m+h*Math.sin(e),r:c,style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${"counterclockwise"===r?t:(l-t)%l};`});b.append(i)}return b}function y(t){const e=t.querySelector(".sf-loader--loading-indicator"),i=t.querySelector(".sf-loader--circles"),n=t.querySelector(".sf-loader--text"),a=Object.prototype.hasOwnProperty.call(t.dataset,"width")||Object.prototype.hasOwnProperty.call(t.dataset,"w"),r=Object.prototype.hasOwnProperty.call(t.dataset,"height")||Object.prototype.hasOwnProperty.call(t.dataset,"h"),o=p(f(t.dataset.width,f(t.dataset.w,58)),16,256),s=p(f(t.dataset.height,f(t.dataset.h,o)),16,256),l=t.dataset.strokeWidth?p(f(t.dataset.strokeWidth,4),1,Math.min(o,s)/2):null,d=p(Math.floor(f(t.dataset.dots,16)),3,32),c=p(Math.floor(f(t.dataset.filled,6)),1,d),h=t.dataset.dotRadius?p(f(t.dataset.dotRadius,1),1,Math.min(o,s)/4):null,u=m(t.dataset.direction,["clockwise","counterclockwise"],"clockwise");let g=String(t.dataset.variant||"").toLowerCase();return g=m(g,["arc","dots"],i?"dots":"arc"),{width:o,height:s,strokeWidth:l,dots:d,filled:c,dotRadius:h,direction:u,variant:g,hasExplicitWidth:a,hasExplicitHeight:r,infinite:"true"===t.dataset.infinite,announce:"true"===t.dataset.announce,label:void 0!==t.dataset.label?t.dataset.label:n?.textContent?.trim?.()||"",indicator:e,circles:i,labelNode:n}}function S(t,e){const i=Boolean(e.label);if(t.toggleAttribute("aria-hidden",!i),e.announce&&i)return t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),void(t.dataset.sfSpinnerSemantics="status");"status"===t.dataset.sfSpinnerSemantics&&(t.removeAttribute("role"),t.removeAttribute("aria-live"),t.removeAttribute("aria-atomic"),delete t.dataset.sfSpinnerSemantics)}function v(t,e,i){let n=t.querySelector(e);return n?(n.innerHTML="",n):(n=document.createElement("div"),n.className=i,n.dataset.sfSpinnerPart=i,t.append(n),n)}function x(t){if(!(t instanceof HTMLElement))return t;const e=y(t);t.classList.add("sf-loader-container"),e.infinite?t.classList.add("sf-loader--infinite"):t.classList.remove("sf-loader--infinite"),e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-width",`${e.width}px`):t.style.removeProperty("--sf-loader-svg-width"),e.hasExplicitHeight||e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-height",`${e.height}px`):t.style.removeProperty("--sf-loader-svg-height"),null!==e.strokeWidth?t.style.setProperty("--sf-loader-stroke-width",`${e.strokeWidth}px`):t.style.removeProperty("--sf-loader-stroke-width");const i="dots"===e.variant?"sf-loader--circles":"sf-loader--loading-indicator",n=v(t,`.${i}`,i),a=e.label||e.labelNode?v(t,".sf-loader--text","sf-loader--text"):null,r="dots"===e.variant?w(e):b(e);n.append(r);const o="dots"===e.variant?".sf-loader--loading-indicator":".sf-loader--circles";return t.querySelector(o)?.remove(),a&&(a.textContent=e.label||""),S(t,e),t}function M(t){return t instanceof HTMLElement&&"1"!==t.dataset[u]?(x(t),t.dataset[u]="1",t):t}function E(t){t instanceof HTMLElement&&delete t.dataset[u]}function k(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(h)&&M(t),t.querySelectorAll?.(h).forEach(M))}class _ extends a.y{static componentName="Spinner";constructor(t){super(t);const{width:e,height:i,label:n=(0,o.pageText)(d,"label",t?.root??document.documentElement),variant:a="arc",dots:r=16,filled:s=6,strokeWidth:l=null,dotRadius:c=null,infinite:h=!1,announce:u=!1,direction:f="clockwise"}=this.params||{},p=this.attrs.class||this.attrs.className;this.template=document.createElement("div"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-loader-container"),p&&this.template.classList.add(...`${p}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.template.setAttribute(t,e)}),null!=e&&""!==e&&(this.template.dataset.width=String(e)),null!=i&&""!==i&&(this.template.dataset.height=String(i)),this.template.dataset.label=String(n??""),this.template.dataset.variant=String(a),this.template.dataset.dots=String(r),this.template.dataset.filled=String(s),null!=l&&""!==l&&(this.template.dataset.strokeWidth=String(l)),this.template.dataset.infinite=String(h),this.template.dataset.announce=String(u),this.template.dataset.direction=String(f),null!=c&&(this.template.dataset.dotRadius=String(c))}init(){M(this.template)}destroyInternal(){E(this.template)}}(0,r.A)("Spinner",_),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Spinner=window.SF.Spinner||{},window.SF.Spinner.bind=M,window.SF.Spinner.render=x,window.SF.Spinner.unbind=E,window.SF.Spinner.createArcSvg=b,window.SF.Spinner.createDotsSvg=w),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>k(document)):k(document);new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&k(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0}),n()}catch(A){n(A)}})},d7f974466839(t,e,i){i.d(e,{y:()=>n});class n{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const i=t.match(/\(([^)]+)\)/g);i&&i.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const i=this.getUtilityMap();if(!i||!i[e])return;this.extractUtilityClasses(i[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}},"100381bfa317"(t,e,i){i.a(t,async(t,e)=>{try{var n=i("fbe0570fcc69"),a=i("eecc41af23fd"),r=i("f4cc1d3fd22e"),o=i("0d662e4d7d63"),s=t([n,a,r,o]);[n,a,r,o]=s.then?(await s)():s;var l=i.n(n);const d={en:{label:"Loading..."},ru:{label:"Загрузка…"}};class c extends(l()){static get props(){return{size:{default:"1"},width:{default:""},height:{default:""},label:{default:""},kind:{default:"arc",values:["arc","dots"],aliases:["variant"]},dots:{default:"16"},filled:{default:"6"},strokeWidth:{default:""},dotRadius:{default:""},infinite:{type:Boolean,default:!1},announce:{type:Boolean,default:!1},direction:{default:"clockwise"},rootClass:{default:""}}}constructor(){super(),this._boundRoot=null}get size(){return this.getAttribute("size")||"1"}get width(){return this.getAttribute("width")||""}get height(){return this.getAttribute("height")||""}get label(){return this.hasAttribute("label")?this.getAttribute("label"):(0,o.pageText)(d,"label",this)}get kind(){return this.getProp("kind")}get variant(){return this.kind}get dots(){return this.getAttribute("dots")||"16"}get filled(){return this.getAttribute("filled")||"6"}get strokeWidth(){return this.getAttribute("stroke-width")||""}get dotRadius(){return this.getAttribute("dot-radius")||""}get infinite(){return this.getBooleanAttr("infinite",!1)}get announce(){return this.getBooleanAttr("announce",!1)}get direction(){return this.getAttribute("direction")||"clockwise"}templateContext(){const t=this.getPropsContext();return this.createTemplateContext({...t,label:this.label,component:this,rootClass:this.getRootClass()})}template(){return(0,r.a)(this.templateContext())}afterRender(){this._boundRoot&&((0,a.AM)(this._boundRoot),this._boundRoot=null),this._boundRoot=this.getSpinnerRoot(),this._boundRoot&&(0,a.t7)(this._boundRoot)}afterUpdate(){this._boundRoot&&(0,a.KH)(this._boundRoot)}onDisconnected(){this._boundRoot&&((0,a.AM)(this._boundRoot),this._boundRoot=null)}getSpinnerRoot(){return this.querySelector(".sf-loader-container")}refreshSpinner(){return this._boundRoot&&(0,a.KH)(this._boundRoot),this}}c.define("sf-spinner"),e()}catch(t){e(t)}})},f4cc1d3fd22e(t,e,i){i.a(t,async(t,n)=>{try{i.d(e,{a:()=>c});var a=i("ddf1cdb42ecc"),r=t([a]),o=r.then?(await r)():r;a=o[0];function s(...t){return t.flat().filter(Boolean).join(" ")}function l(t){return""===t||null==t?a.nothing:String(t)}function d(t,e,i){const n=String(t||"").trim().toLowerCase();return e.includes(n)?n:i}function c(t){const e=s("sf-loader-container",`sf-loader--size-${d(t.size,["1/2","1","2","3"],"1")}`,t.rootClass);return a.html`
+    <div
+      class=${e}
+      style=${t.rootStyle||a.nothing}
+      data-variant=${l(t.kind??t.variant)}
+      data-width=${l(t.width)}
+      data-height=${l(t.height)}
+      data-label=${t.label??a.nothing}
+      data-dots=${l(t.dots)}
+      data-filled=${l(t.filled)}
+      data-stroke-width=${l(t.strokeWidth)}
+      data-dot-radius=${l(t.dotRadius)}
+      data-infinite=${String(!!t.infinite)}
+      data-announce=${String(!!t.announce)}
+      data-direction=${d(t.direction,["clockwise","counterclockwise"],"clockwise")}
+    ></div>
+  `}n()}catch(h){n(h)}})},ddf1cdb42ecc(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const e={};function i(n){const a=e[n];if(void 0!==a)return a.exports;const r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}(()=>{const t="function"==typeof Symbol,e=t?Symbol("webpack queues"):"__webpack_queues__",n=t?Symbol("webpack exports"):"__webpack_exports__",a=t?Symbol("webpack error"):"__webpack_error__",r=t=>{t?.d<1&&(t.d=1,t.forEach(t=>t.r--),t.forEach(t=>t.r--?t.r++:t()))};i.a=(t,i,o)=>{let s;o&&((s=[]).d=-1);const l=new Set,d=t.exports;let c,h,u;const f=new Promise((t,e)=>{u=e,h=t});f[n]=d,f[e]=t=>(s&&t(s),l.forEach(t),f.catch(t=>{})),t.exports=f;i(t=>{let i;c=(t=>t.map(t=>{if(null!==t&&"object"==typeof t){if(t[e])return t;if(t.then){const i=[];i.d=0,t.then(t=>{o[n]=t,r(i)},t=>{o[a]=t,r(i)});const o={};return o[e]=t=>t(i),o}}const i={};return i[e]=t=>{},i[n]=t,i}))(t);const o=()=>c.map(t=>{if(t[a])throw t[a];return t[n]}),d=new Promise(t=>{i=()=>t(o),i.r=0;const n=t=>t!==s&&!l.has(t)&&(l.add(t),t&&!t.d&&(i.r++,t.push(i)));c.map(t=>t[e](n))});return i.r?d:o()},t=>(t?u(f[a]=t):h(d),r(s))),s?.d<0&&(s.d=0)}})(),i.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{if(Array.isArray(e))for(var n=0;n<e.length;){var a=e[n++],r=e[n++];i.o(t,a)?0===r&&n++:0===r?Object.defineProperty(t,a,{enumerable:!0,value:e[n++]}):Object.defineProperty(t,a,{enumerable:!0,get:r})}else for(var a in e)i.o(e,a)&&!i.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);i("100381bfa317")})();