@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/component/toggle/js/toggle.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const n=e.match(/\(([^)]+)\)/g);n&&n.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const n=this.getUtilityMap();if(!n||!n[t])return;this.extractUtilityClasses(n[t]).forEach(t=>e.classList.add(t))}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(){}}const t=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},n=new WeakMap,s=new WeakSet;const a="label.sf-toggle",o="sfToggleBound";function i(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on","checked","disabled"].includes(String(e).toLowerCase())}function c(e){return e instanceof HTMLElement?{input:e.querySelector('input[type="checkbox"]'),control:e.querySelector(".sf-toggle-control"),container:e.querySelector(".sf-toggle-container")}:{}}function l(e){const{input:t,container:n}=c(e);if(!t)return;const s=!!t.checked,a=!!t.disabled;e.classList.toggle("active",s),e.classList.toggle("disabled",a),n&&(n.classList.toggle("content-main-start",!s),n.classList.toggle("content-main-end",s))}function r(e){if(!(e instanceof HTMLElement)||"1"===e.dataset[o])return;const{input:t}=c(e);if(!(t instanceof HTMLInputElement))return;const a=()=>l(e);e.__sfToggleHandleChange=a,t.addEventListener("change",a),e.__sfToggleReleaseReset=function(e,t){const a=e.ownerDocument;s.has(a)||(a.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const s=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of s)if(e.isConnected&&e.form===t)for(const t of n.get(e)||[])t()},0)},!0),s.add(a));let o=n.get(e);return o||n.set(e,o=new Set),o.add(t),()=>o.delete(t)}(t,a),e.dataset[o]="1",l(e)}function d(e){(e instanceof Element||e===document)&&(e instanceof Element&&e.matches?.(a)&&r(e),e.querySelectorAll?.(a).forEach(r))}function m(e=document){d(e)}t("Toggle",class extends e{static componentName="Toggle";html=null;constructor(e){super(e);const{size:t="1",type:n="simple",label:s="",icon:a="",checked:o=!1,disabled:c=!1,name:l="",value:r}=this.params||{},d=this.attrs.class||this.attrs.className;this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-toggle",`sf-toggle--${n}`,`sf-toggle--size-${t}`,"flex","items-center"),d&&this.template.classList.add(...String(d).split(" ").filter(Boolean));const m={checked:i(o),disabled:i(c),name:l,value:r,icon:a};if("icon"===n?function(e,t){const{checked:n,disabled:s,name:a,value:o,icon:i}=t,c=document.createElement("span");c.className="sf-toggle-control";const l=document.createElement("input");l.type="checkbox",l.setAttribute("role","switch"),l.checked=n,l.defaultChecked=l.checked,l.disabled=s,a&&(l.name=a),void 0!==o&&(l.value=o);const r=document.createElement("span");r.className="sf-toggle-container transition flex items-center content-main-start";const d=document.createElement("span");d.className="sf-toggle-inner-wrap transition flex items-center content-main-center";const m=document.createElement("i");m.className="sf-icon",m.setAttribute("aria-hidden","true"),m.textContent=i||"check",d.append(m),r.append(d),c.append(l,r),e.append(c)}(this.template,m):"short"===n?function(e,t){const{checked:n,disabled:s,name:a,value:o}=t,i=document.createElement("span");i.className="sf-toggle-control";const c=document.createElement("input");c.type="checkbox",c.setAttribute("role","switch"),c.checked=n,c.defaultChecked=c.checked,c.disabled=s,a&&(c.name=a),void 0!==o&&(c.value=o);const l=document.createElement("span");l.className="sf-toggle-container transition flex items-center content-main-start";const r=document.createElement("span");r.className="sf-toggle-inner-wrap transition flex items-center content-main-center";const d=document.createElement("span");d.className="sf-toggle-inner transition",d.setAttribute("aria-hidden","true"),r.append(d),l.append(r),i.append(c,l),e.append(i)}(this.template,m):function(e,t){const{checked:n,disabled:s,name:a,value:o}=t,i=document.createElement("span");i.className="sf-toggle-control";const c=document.createElement("input");c.type="checkbox",c.setAttribute("role","switch"),c.checked=n,c.defaultChecked=c.checked,c.disabled=s,a&&(c.name=a),void 0!==o&&(c.value=o);const l=document.createElement("span");l.className="sf-toggle-container transition flex items-center content-main-start";const r=document.createElement("span");r.className="sf-toggle-inner-wrap transition flex items-center content-main-center";const d=document.createElement("span");d.className="sf-toggle-inner transition",d.setAttribute("aria-hidden","true"),r.append(d),l.append(r),i.append(c,l),e.append(i)}(this.template,m),s){const e=document.createElement("span");e.className="sf-toggle-text",e.textContent=s,this.template.append(e)}}init(){r(this.template)}destroyInternal(){this.template&&function(e){if(!(e instanceof HTMLElement))return;e.__sfToggleReleaseReset?.(),delete e.__sfToggleReleaseReset;const{input:t}=c(e);t&&e.__sfToggleHandleChange&&t.removeEventListener("change",e.__sfToggleHandleChange),delete e.__sfToggleHandleChange,delete e.dataset[o]}(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Toggle=window.SF.Toggle||{},window.SF.Toggle.setState=function(e,t={}){if(!(e instanceof HTMLInputElement)||"checkbox"!==e.type)return!1;Object.prototype.hasOwnProperty.call(t,"checked")&&(e.checked=i(t.checked)),Object.prototype.hasOwnProperty.call(t,"disabled")&&(e.disabled=i(t.disabled));const n=e.closest(a);return n&&l(n),!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>m()):m();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&d(e)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/tooltip/css/tooltip.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-tooltip{--sf-tooltip-tail-size: var(--sf-b2);--sf-tooltip-tail-half: calc(var(--sf-tooltip-tail-size) / 2);--sf-tooltip-tail-corner-offset: var(--sf-b6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;max-width:100%;max-inline-size:100%;min-width:0;min-inline-size:0}.sf-tooltip .sf-tooltip-content,.sf-tooltip .sf-tooltip-wrap{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tooltip .sf-tooltip-text,.sf-tooltip .sf-tooltip-supporting-text{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;word-wrap:anywhere}.sf-tooltip-anchor{display:inline-flex;max-width:100%;max-inline-size:100%;position:relative}.sf-tooltip-anchor>.sf-tooltip,.sf-tooltip-anchor>sf-tooltip{width:-webkit-max-content;width:-moz-max-content;width:max-content;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;max-width:min(var(--sf-g0),100vw - var(--sf-space-2));max-inline-size:min(var(--sf-g0),100vw - var(--sf-space-2));max-width:min(var(--sf-g0),100vw - var(--sf-space-2));max-width:min(var(--sf-tooltip--max-inline-size, var(--sf-g0)),100vw - var(--sf-space-2));max-inline-size:min(var(--sf-tooltip--max-inline-size, var(--sf-g0)),100vw - var(--sf-space-2));position:absolute;z-index:var(--sf-z-index-9)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist){left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist){left:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist):where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist){right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist){right:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist):where(:dir(rtl)){right:50%}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-center:not(does-not-exist){bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]{left:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]{right:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]:where(:dir(rtl)){right:50%}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-center]{bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist){left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist){left:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist):where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist){right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist){right:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist):where(:dir(rtl)){right:50%}.sf-tooltip-anchor>.sf-tooltip--arrow-top-center:not(does-not-exist){top:calc(100% + var(--sf-tooltip-tail-half));inset-block-start:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=top-center]{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=top-center]{left:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=top-center]:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=top-center]{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=top-center]{right:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=top-center]:where(:dir(rtl)){right:50%}.sf-tooltip-anchor>sf-tooltip[arrow=top-center]{top:calc(100% + var(--sf-tooltip-tail-half));inset-block-start:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist){right:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist){right:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist):where(:dir(ltr)){right:calc(100% + var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist){left:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist){left:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist):where(:dir(rtl)){left:calc(100% + var(--sf-tooltip-tail-half))}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-end:not(does-not-exist){top:50%;inset-block-start:50%;inset-inline-end:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=inline-end]{right:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=inline-end]{right:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>sf-tooltip[arrow=inline-end]:where(:dir(ltr)){right:calc(100% + var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=inline-end]{left:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=inline-end]{left:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>sf-tooltip[arrow=inline-end]:where(:dir(rtl)){left:calc(100% + var(--sf-tooltip-tail-half))}.sf-tooltip-anchor>sf-tooltip[arrow=inline-end]{top:50%;inset-block-start:50%;inset-inline-end:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist){left:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist){left:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist):where(:dir(ltr)){left:calc(100% + var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist){right:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist){right:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist):where(:dir(rtl)){right:calc(100% + var(--sf-tooltip-tail-half))}.sf-tooltip-anchor>.sf-tooltip--arrow-inline-start:not(does-not-exist){top:50%;inset-block-start:50%;inset-inline-start:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=inline-start]{left:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=inline-start]{left:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>sf-tooltip[arrow=inline-start]:where(:dir(ltr)){left:calc(100% + var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=inline-start]{right:calc(100% + var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=inline-start]{right:calc(100% + var(--sf-tooltip-tail-half))}}.sf-tooltip-anchor>sf-tooltip[arrow=inline-start]:where(:dir(rtl)){right:calc(100% + var(--sf-tooltip-tail-half))}.sf-tooltip-anchor>sf-tooltip[arrow=inline-start]{top:50%;inset-block-start:50%;inset-inline-start:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist){left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist){left:0}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist):where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist){right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist){right:0}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist):where(:dir(rtl)){right:0}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-start:not(does-not-exist){bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]{left:0}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]{right:0}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]:where(:dir(rtl)){right:0}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-start]{bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist){right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist){right:0}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist):where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist){left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist){left:0}}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist):where(:dir(rtl)){left:0}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-inline-end:not(does-not-exist){bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-end:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]{right:0}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]{left:0}}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]:where(:dir(rtl)){left:0}.sf-tooltip-anchor>sf-tooltip[arrow=bottom-inline-end]{bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));inset-inline-end:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist){left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist){left:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist):where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist){right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist){right:50%}}.sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist):where(:dir(rtl)){right:50%}.sf-tooltip-anchor>.sf-tooltip--arrow-none:not(does-not-exist){top:calc(100% + var(--sf-space-1\/4));inset-block-start:calc(100% + var(--sf-space-1\/4));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip:not([arrow]){left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip:not([arrow]){left:50%}}.sf-tooltip-anchor>sf-tooltip:not([arrow]):where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip:not([arrow]){right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip:not([arrow]){right:50%}}.sf-tooltip-anchor>sf-tooltip:not([arrow]):where(:dir(rtl)){right:50%}.sf-tooltip-anchor>sf-tooltip:not([arrow]){top:calc(100% + var(--sf-space-1\/4));inset-block-start:calc(100% + var(--sf-space-1\/4));inset-inline-start:50%;translate:-50% 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=none]{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip-anchor>sf-tooltip[arrow=none]{left:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=none]:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=none]{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip-anchor>sf-tooltip[arrow=none]{right:50%}}.sf-tooltip-anchor>sf-tooltip[arrow=none]:where(:dir(rtl)){right:50%}.sf-tooltip-anchor>sf-tooltip[arrow=none]{top:calc(100% + var(--sf-space-1\/4));inset-block-start:calc(100% + var(--sf-space-1\/4));inset-inline-start:50%;translate:-50% 0}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-left{bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));left:0}.sf-tooltip-anchor>.sf-tooltip--arrow-bottom-right{bottom:calc(100% + var(--sf-tooltip-tail-half));inset-block-end:calc(100% + var(--sf-tooltip-tail-half));right:0}.sf-tooltip-anchor>.sf-tooltip--arrow-left{top:50%;inset-block-start:50%;left:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}.sf-tooltip-anchor>.sf-tooltip--arrow-right{top:50%;inset-block-start:50%;right:calc(100% + var(--sf-tooltip-tail-half));translate:0 -50%}.sf-tooltip[class*=sf-tooltip--arrow-] .sf-tooltip-content{position:relative}.sf-tooltip[class*=sf-tooltip--arrow-] .sf-tooltip-tail{position:absolute;width:var(--sf-tooltip-tail-size);height:var(--sf-tooltip-tail-size);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.sf-tooltip--arrow-none .sf-tooltip-tail{display:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-top-center .sf-tooltip-tail{left:calc(50% - var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-top-center .sf-tooltip-tail{left:calc(50% - var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-top-center .sf-tooltip-tail:where(:dir(ltr)){left:calc(50% - var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-top-center .sf-tooltip-tail{right:calc(50% - var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-top-center .sf-tooltip-tail{right:calc(50% - var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-top-center .sf-tooltip-tail:where(:dir(rtl)){right:calc(50% - var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-top-center .sf-tooltip-tail{inset-inline-start:calc(50% - var(--sf-tooltip-tail-half));top:calc(-1*var(--sf-tooltip-tail-half));inset-block-start:calc(-1*var(--sf-tooltip-tail-half));-webkit-transform:rotate(45deg);transform:rotate(45deg)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-center .sf-tooltip-tail{left:calc(50% - var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-center .sf-tooltip-tail{left:calc(50% - var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-bottom-center .sf-tooltip-tail:where(:dir(ltr)){left:calc(50% - var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-bottom-center .sf-tooltip-tail{right:calc(50% - var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-bottom-center .sf-tooltip-tail{right:calc(50% - var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-bottom-center .sf-tooltip-tail:where(:dir(rtl)){right:calc(50% - var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-bottom-center .sf-tooltip-tail{inset-inline-start:calc(50% - var(--sf-tooltip-tail-half));bottom:calc(-1*var(--sf-tooltip-tail-half));inset-block-end:calc(-1*var(--sf-tooltip-tail-half));-webkit-transform:rotate(45deg);transform:rotate(45deg)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-inline-start .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-inline-start .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-inline-start .sf-tooltip-tail:where(:dir(ltr)){left:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-inline-start .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-inline-start .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-inline-start .sf-tooltip-tail:where(:dir(rtl)){right:calc(-1*var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-inline-start .sf-tooltip-tail{inset-inline-start:calc(-1*var(--sf-tooltip-tail-half));top:calc(50% - var(--sf-tooltip-tail-half));inset-block-start:calc(50% - var(--sf-tooltip-tail-half));-webkit-transform:rotate(45deg);transform:rotate(45deg)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-inline-end .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-inline-end .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-inline-end .sf-tooltip-tail:where(:dir(ltr)){right:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-inline-end .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip--arrow-inline-end .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-inline-end .sf-tooltip-tail:where(:dir(rtl)){left:calc(-1*var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-inline-end .sf-tooltip-tail{inset-inline-end:calc(-1*var(--sf-tooltip-tail-half));top:calc(50% - var(--sf-tooltip-tail-half));inset-block-start:calc(50% - var(--sf-tooltip-tail-half));-webkit-transform:rotate(45deg);transform:rotate(45deg)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-left .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-left .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-left .sf-tooltip-tail:where(:dir(ltr)){left:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-left .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-left .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-left .sf-tooltip-tail:where(:dir(rtl)){right:calc(-1*var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-left .sf-tooltip-tail{top:calc(50% - var(--sf-tooltip-tail-half));inset-block-start:calc(50% - var(--sf-tooltip-tail-half));inset-inline-start:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-right .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-right .sf-tooltip-tail{right:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-right .sf-tooltip-tail:where(:dir(ltr)){right:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-right .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip--arrow-right .sf-tooltip-tail{left:calc(-1*var(--sf-tooltip-tail-half))}}.sf-tooltip--arrow-right .sf-tooltip-tail:where(:dir(rtl)){left:calc(-1*var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-right .sf-tooltip-tail{top:calc(50% - var(--sf-tooltip-tail-half));inset-block-start:calc(50% - var(--sf-tooltip-tail-half));inset-inline-end:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail:where(:dir(ltr)){left:var(--sf-tooltip-tail-corner-offset)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail:where(:dir(rtl)){right:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-bottom-inline-start .sf-tooltip-tail{inset-inline-start:var(--sf-tooltip-tail-corner-offset);bottom:calc(-1*var(--sf-tooltip-tail-half));inset-block-end:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail:where(:dir(ltr)){right:var(--sf-tooltip-tail-corner-offset)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail:where(:dir(rtl)){left:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-bottom-inline-end .sf-tooltip-tail{inset-inline-end:var(--sf-tooltip-tail-corner-offset);bottom:calc(-1*var(--sf-tooltip-tail-half));inset-block-end:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-top-inline-start .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-top-inline-start .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-top-inline-start .sf-tooltip-tail:where(:dir(ltr)){left:var(--sf-tooltip-tail-corner-offset)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-top-inline-start .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-tooltip--arrow-top-inline-start .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-top-inline-start .sf-tooltip-tail:where(:dir(rtl)){right:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-top-inline-start .sf-tooltip-tail{inset-inline-start:var(--sf-tooltip-tail-corner-offset);top:calc(-1*var(--sf-tooltip-tail-half));inset-block-start:calc(-1*var(--sf-tooltip-tail-half))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip--arrow-top-inline-end .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip--arrow-top-inline-end .sf-tooltip-tail{right:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-top-inline-end .sf-tooltip-tail:where(:dir(ltr)){right:var(--sf-tooltip-tail-corner-offset)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip--arrow-top-inline-end .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-tooltip--arrow-top-inline-end .sf-tooltip-tail{left:var(--sf-tooltip-tail-corner-offset)}}.sf-tooltip--arrow-top-inline-end .sf-tooltip-tail:where(:dir(rtl)){left:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-top-inline-end .sf-tooltip-tail{inset-inline-end:var(--sf-tooltip-tail-corner-offset);top:calc(-1*var(--sf-tooltip-tail-half));inset-block-start:calc(-1*var(--sf-tooltip-tail-half))}.sf-tooltip--arrow-top-left .sf-tooltip-tail{top:calc(-1*var(--sf-tooltip-tail-half));left:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-top-right .sf-tooltip-tail{top:calc(-1*var(--sf-tooltip-tail-half));right:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-bottom-left .sf-tooltip-tail{bottom:calc(-1*var(--sf-tooltip-tail-half));left:var(--sf-tooltip-tail-corner-offset)}.sf-tooltip--arrow-bottom-right .sf-tooltip-tail{bottom:calc(-1*var(--sf-tooltip-tail-half));right:var(--sf-tooltip-tail-corner-offset)}@media(forced-colors: active){.sf-tooltip .sf-tooltip-content{border:var(--sf-px) solid CanvasText}}}@layer sf.components{.sf-tooltip{background-color:transparent;background-color:var(--sf-tooltip--background-color, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-bottom-right-radius:var(--sf-tooltip-content--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-bottom-right-radius:var(--sf-tooltip-content--border-end-end-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){border-bottom-right-radius:var(--sf-tooltip-content--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{border-bottom-left-radius:var(--sf-tooltip-content--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{border-bottom-left-radius:var(--sf-tooltip-content--border-end-end-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){border-bottom-left-radius:var(--sf-tooltip-content--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-bottom-left-radius:var(--sf-tooltip-content--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-bottom-left-radius:var(--sf-tooltip-content--border-end-start-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){border-bottom-left-radius:var(--sf-tooltip-content--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{border-bottom-right-radius:var(--sf-tooltip-content--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{border-bottom-right-radius:var(--sf-tooltip-content--border-end-start-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){border-bottom-right-radius:var(--sf-tooltip-content--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-top-right-radius:var(--sf-tooltip-content--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-top-right-radius:var(--sf-tooltip-content--border-start-end-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){border-top-right-radius:var(--sf-tooltip-content--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{border-top-left-radius:var(--sf-tooltip-content--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{border-top-left-radius:var(--sf-tooltip-content--border-start-end-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){border-top-left-radius:var(--sf-tooltip-content--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-top-left-radius:var(--sf-tooltip-content--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{border-top-left-radius:var(--sf-tooltip-content--border-start-start-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){border-top-left-radius:var(--sf-tooltip-content--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{border-top-right-radius:var(--sf-tooltip-content--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{border-top-right-radius:var(--sf-tooltip-content--border-start-start-radius)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){border-top-right-radius:var(--sf-tooltip-content--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{padding-right:var(--sf-tooltip-content--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{padding-right:var(--sf-tooltip-content--padding-inline-end)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){padding-right:var(--sf-tooltip-content--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{padding-left:var(--sf-tooltip-content--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{padding-left:var(--sf-tooltip-content--padding-inline-end)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){padding-left:var(--sf-tooltip-content--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{padding-left:var(--sf-tooltip-content--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tooltip .sf-tooltip-content{padding-left:var(--sf-tooltip-content--padding-inline-start)}}.sf-tooltip .sf-tooltip-content:where(:dir(ltr)){padding-left:var(--sf-tooltip-content--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-tooltip .sf-tooltip-content{padding-right:var(--sf-tooltip-content--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tooltip .sf-tooltip-content{padding-right:var(--sf-tooltip-content--padding-inline-start)}}.sf-tooltip .sf-tooltip-content:where(:dir(rtl)){padding-right:var(--sf-tooltip-content--padding-inline-start)}.sf-tooltip .sf-tooltip-content{--sf-tooltip-content--border-end-end-radius: var(--sf-tooltip-radius, var(--sf-radius--ui));--sf-tooltip-content--border-end-start-radius: var(--sf-tooltip-radius, var(--sf-radius--ui));--sf-tooltip-content--border-start-end-radius: var(--sf-tooltip-radius, var(--sf-radius--ui));--sf-tooltip-content--border-start-start-radius: var(--sf-tooltip-radius, var(--sf-radius--ui));background-color:var(--sf-tooltip-content--background-color);border-end-end-radius:var(--sf-tooltip-content--border-end-end-radius);border-end-start-radius:var(--sf-tooltip-content--border-end-start-radius);border-start-end-radius:var(--sf-tooltip-content--border-start-end-radius);border-start-start-radius:var(--sf-tooltip-content--border-start-start-radius);padding-bottom:var(--sf-tooltip-content--padding-bottom);-webkit-padding-end:var(--sf-tooltip-content--padding-inline-end);padding-inline-end:var(--sf-tooltip-content--padding-inline-end);-webkit-padding-start:var(--sf-tooltip-content--padding-inline-start);padding-inline-start:var(--sf-tooltip-content--padding-inline-start);padding-top:var(--sf-tooltip-content--padding-top)}.sf-tooltip .sf-tooltip-wrap{--sf-tooltip-wrap--background-color: transparent;--sf-tooltip-wrap--gap: var(--sf-tooltip-gap, var(--sf-space-1\/4));background-color:var(--sf-tooltip-wrap--background-color);gap:var(--sf-tooltip-wrap--gap)}.sf-tooltip .sf-tooltip-text{--sf-tooltip-text--font-family: var(--sf-text--family);--sf-tooltip-text--font-weight: var(--sf-font-weight-bold);color:var(--sf-tooltip-text--color);font-family:var(--sf-tooltip-text--font-family);font-size:var(--sf-tooltip-text--font-size);font-weight:var(--sf-tooltip-text--font-weight);line-height:var(--sf-tooltip-text--line-height)}.sf-tooltip .sf-tooltip-supporting-text{color:var(--sf-tooltip-supporting-text--color);font-family:var(--sf-tooltip-supporting-text--font-family);font-size:var(--sf-tooltip-supporting-text--font-size);font-weight:var(--sf-tooltip-supporting-text--font-weight);line-height:var(--sf-tooltip-supporting-text--line-height);--sf-tooltip-supporting-text--font-family: var(--sf-text--family);--sf-tooltip-supporting-text--font-weight: var(--sf-font-weight-regular)}.sf-tooltip .sf-tooltip-tail{background-color:var(--sf-tooltip-tail--background-color);color:var(--sf-tooltip-tail--color);font-family:var(--sf-tooltip-tail--font-family);font-size:var(--sf-tooltip-tail--font-size);font-weight:var(--sf-tooltip-tail--font-weight);line-height:var(--sf-tooltip-tail--line-height)}.sf-tooltip.sf-tooltip--dark .sf-tooltip-tail{--sf-tooltip-tail--background-color: var(--sf-tooltip-background-color, var(--sf-surface-inverse-fixed))}.sf-tooltip.sf-tooltip--dark.sf-tooltip--arrow-bottom-left.sf-tooltip--size-1 .sf-tooltip-tail,.sf-tooltip.sf-tooltip--dark.sf-tooltip--arrow-bottom-right.sf-tooltip--size-1 .sf-tooltip-tail,.sf-tooltip.sf-tooltip--dark.sf-tooltip--arrow-right.sf-tooltip--size-1 .sf-tooltip-tail,.sf-tooltip.sf-tooltip--dark.sf-tooltip--arrow-top-center.sf-tooltip--size-1 .sf-tooltip-tail,.sf-tooltip.sf-tooltip--dark.sf-tooltip--arrow-left.sf-tooltip--size-1 .sf-tooltip-tail{--sf-tooltip-tail--color: var(--sf-on-surface-inverse-fixed);--sf-tooltip-tail--font-family: var(--sf-text--family);--sf-tooltip-tail--font-size: var(--sf-text-size-1);--sf-tooltip-tail--font-weight: var(--sf-font-weight-regular);--sf-tooltip-tail--line-height: var(--sf-text-height-1)}.sf-tooltip.sf-tooltip--dark.sf-tooltip--size-1 .sf-tooltip-supporting-text,.sf-tooltip.sf-tooltip--light.sf-tooltip--size-1 .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--font-size: var(--sf-text-size-1);--sf-tooltip-supporting-text--line-height: var(--sf-text-height-1)}.sf-tooltip.sf-tooltip--dark .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--color: var(--sf-tooltip-color, var(--sf-on-surface-inverse-fixed))}.sf-tooltip.sf-tooltip--light .sf-tooltip-tail{--sf-tooltip-tail--background-color: var(--sf-tooltip-background-color, var(--sf-surface-1))}.sf-tooltip.sf-tooltip--light .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--color: var(--sf-tooltip-color, var(--sf-on-surface))}.sf-tooltip.sf-tooltip--dark.sf-tooltip--size-2 .sf-tooltip-supporting-text,.sf-tooltip.sf-tooltip--light.sf-tooltip--size-2 .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--font-size: var(--sf-text-size-2);--sf-tooltip-supporting-text--line-height: var(--sf-text-height-2)}.sf-tooltip.sf-tooltip--dark.sf-tooltip--size-3 .sf-tooltip-supporting-text,.sf-tooltip.sf-tooltip--light.sf-tooltip--size-3 .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--font-size: var(--sf-text-size-3);--sf-tooltip-supporting-text--line-height: var(--sf-text-height-3)}.sf-tooltip.sf-tooltip--dark.sf-tooltip--size-1\/3 .sf-tooltip-supporting-text,.sf-tooltip.sf-tooltip--light.sf-tooltip--size-1\/3 .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--font-size: var(--sf-text-size-1\/3);--sf-tooltip-supporting-text--line-height: var(--sf-text-height-1\/3)}.sf-tooltip.sf-tooltip--dark.sf-tooltip--size-1\/2 .sf-tooltip-supporting-text,.sf-tooltip.sf-tooltip--light.sf-tooltip--size-1\/2 .sf-tooltip-supporting-text{--sf-tooltip-supporting-text--font-size: var(--sf-text-size-1\/2);--sf-tooltip-supporting-text--line-height: var(--sf-text-height-1\/2)}.sf-tooltip.sf-tooltip--size-1 .sf-tooltip-content{--sf-tooltip-content--padding-bottom: var(--sf-tooltip-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-tooltip-content--padding-inline-end: var(--sf-tooltip-padding-inline, var(--sf-ui-1--space-x));--sf-tooltip-content--padding-inline-start: var(--sf-tooltip-padding-inline, var(--sf-ui-1--space-x));--sf-tooltip-content--padding-top: var(--sf-tooltip-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-tooltip.sf-tooltip--size-1 .sf-tooltip-text{--sf-tooltip-text--font-size: var(--sf-text-size-1);--sf-tooltip-text--line-height: var(--sf-text-height-1)}.sf-tooltip.sf-tooltip--size-2 .sf-tooltip-content{--sf-tooltip-content--padding-bottom: var(--sf-tooltip-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-tooltip-content--padding-inline-end: var(--sf-tooltip-padding-inline, var(--sf-ui-2--space-x));--sf-tooltip-content--padding-inline-start: var(--sf-tooltip-padding-inline, var(--sf-ui-2--space-x));--sf-tooltip-content--padding-top: var(--sf-tooltip-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-tooltip.sf-tooltip--size-2 .sf-tooltip-text{--sf-tooltip-text--font-size: var(--sf-text-size-2);--sf-tooltip-text--line-height: var(--sf-text-height-2)}.sf-tooltip.sf-tooltip--size-3 .sf-tooltip-content{--sf-tooltip-content--padding-bottom: var(--sf-tooltip-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-tooltip-content--padding-inline-end: var(--sf-tooltip-padding-inline, var(--sf-ui-3--space-x));--sf-tooltip-content--padding-inline-start: var(--sf-tooltip-padding-inline, var(--sf-ui-3--space-x));--sf-tooltip-content--padding-top: var(--sf-tooltip-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-tooltip.sf-tooltip--size-3 .sf-tooltip-text{--sf-tooltip-text--font-size: var(--sf-text-size-3);--sf-tooltip-text--line-height: var(--sf-text-height-3)}.sf-tooltip.sf-tooltip--size-1\/3 .sf-tooltip-content{--sf-tooltip-content--padding-bottom: var(--sf-tooltip-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-tooltip-content--padding-inline-end: var(--sf-tooltip-padding-inline, var(--sf-ui-1\/3--space-x));--sf-tooltip-content--padding-inline-start: var(--sf-tooltip-padding-inline, var(--sf-ui-1\/3--space-x));--sf-tooltip-content--padding-top: var(--sf-tooltip-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-tooltip.sf-tooltip--size-1\/3 .sf-tooltip-text{--sf-tooltip-text--font-size: var(--sf-text-size-1\/3);--sf-tooltip-text--line-height: var(--sf-text-height-1\/3)}.sf-tooltip.sf-tooltip--size-1\/2 .sf-tooltip-content{--sf-tooltip-content--padding-bottom: var(--sf-tooltip-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-tooltip-content--padding-inline-end: var(--sf-tooltip-padding-inline, var(--sf-ui-1\/2--space-x));--sf-tooltip-content--padding-inline-start: var(--sf-tooltip-padding-inline, var(--sf-ui-1\/2--space-x));--sf-tooltip-content--padding-top: var(--sf-tooltip-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-tooltip.sf-tooltip--size-1\/2 .sf-tooltip-text{--sf-tooltip-text--font-size: var(--sf-text-size-1\/2);--sf-tooltip-text--line-height: var(--sf-text-height-1\/2)}.sf-tooltip--dark .sf-tooltip-content{--sf-tooltip-content--background-color: var(--sf-tooltip-background-color, var(--sf-surface-inverse-fixed))}.sf-tooltip--dark .sf-tooltip-text{--sf-tooltip-text--color: var(--sf-tooltip-color, var(--sf-on-surface-inverse-fixed))}.sf-tooltip--light .sf-tooltip-content{--sf-tooltip-content--background-color: var(--sf-tooltip-background-color, var(--sf-elevation-2--surface));--sf-on-surface-variant: var(--sf-on-elevation-2--variant);box-shadow:var(--sf-elevation-2--shadow);border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-tooltip-border-width, var(--sf-px)) solid var(--sf-tooltip-border-color, var(--sf-outline-variant))}.sf-tooltip--light .sf-tooltip-text{--sf-tooltip-text--color: var(--sf-tooltip-color, var(--sf-on-surface))}}

package/distr/component/tooltip/js/tooltip.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const t=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)},e=Math.min,n=Math.max,i=Math.round,o=Math.floor,r=t=>({x:t,y:t}),s={left:"right",right:"left",bottom:"top",top:"bottom"};function l(t,e){return"function"==typeof t?t(e):t}function a(t){return t.split("-")[0]}function c(t){return t.split("-")[1]}function f(t){return"x"===t?"y":"x"}function u(t){return"y"===t?"height":"width"}function d(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function h(t){return f(d(t))}function g(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const p=["left","right"],m=["right","left"],y=["top","bottom"],w=["bottom","top"];function b(t,e,n,i){const o=c(t);let r=function(t,e,n){switch(t){case"top":case"bottom":return n?e?m:p:e?p:m;case"left":case"right":return e?y:w;default:return[]}}(a(t),"start"===n,i);return o&&(r=r.map(t=>t+"-"+o),e&&(r=r.concat(r.map(g)))),r}function v(t){const e=a(t);return s[e]+t.slice(e.length)}function x(t){const{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function L(t,e,n){let{reference:i,floating:o}=t;const r=d(e),s=h(e),l=u(s),f=a(e),g="y"===r,p=i.x+i.width/2-o.width/2,m=i.y+i.height/2-o.height/2,y=i[l]/2-o[l]/2;let w;switch(f){case"top":w={x:p,y:i.y-o.height};break;case"bottom":w={x:p,y:i.y+i.height};break;case"right":w={x:i.x+i.width,y:m};break;case"left":w={x:i.x-o.width,y:m};break;default:w={x:i.x,y:i.y}}const b=c(e);return b&&(w[s]+=y*("end"===b?1:-1)*(n&&g?-1:1)),w}async function E(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:a,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=!1,padding:g=0}=l(e,t),p=function(t){return"number"!=typeof t?function(t){var e,n,i,o;return{top:null!=(e=t.top)?e:0,right:null!=(n=t.right)?n:0,bottom:null!=(i=t.bottom)?i:0,left:null!=(o=t.left)?o:0}}(t):{top:t,right:t,bottom:t,left:t}}(g),m=a[h?"floating"===d?"reference":"floating":d],y=x(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(m)))||n?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:f,rootBoundary:u,strategy:c})),w="floating"===d?{x:i,y:o,width:s.floating.width,height:s.floating.height}:s.reference,b=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),v=await(null==r.isElement?void 0:r.isElement(b))&&await(null==r.getScale?void 0:r.getScale(b))||{x:1,y:1},L=x(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:b,strategy:c}):w);return{top:(y.top-L.top+p.top)/v.y,bottom:(L.bottom-y.bottom+p.bottom)/v.y,left:(y.left-L.left+p.left)/v.x,right:(L.right-y.right+p.right)/v.x}}const P=new Set(["left","top"]);function S(){return"undefined"!=typeof window}function T(t){return C(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function A(t){var e;return null==(e=(C(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function C(t){return!!S()&&(t instanceof Node||t instanceof R(t).Node)}function k(t){return!!S()&&(t instanceof Element||t instanceof R(t).Element)}function D(t){return!!S()&&(t instanceof HTMLElement||t instanceof R(t).HTMLElement)}function F(t){return!(!S()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof R(t).ShadowRoot)}function O(t){const{overflow:e,overflowX:n,overflowY:i,display:o}=q(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&"inline"!==o&&"contents"!==o}function M(t){return/^(table|td|th)$/.test(T(t))}function H(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const W=/transform|translate|scale|rotate|perspective|filter/,N=/paint|layout|strict|content/,$=t=>!!t&&"none"!==t;let I;function B(t){const e=k(t)?q(t):t;return $(e.transform)||$(e.translate)||$(e.scale)||$(e.rotate)||$(e.perspective)||!V()&&($(e.backdropFilter)||$(e.filter))||W.test(e.willChange||"")||N.test(e.contain||"")}function V(){return null==I&&(I="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),I}function z(t){return/^(html|body|#document)$/.test(T(t))}function q(t){return R(t).getComputedStyle(t)}function K(t){return k(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function _(t){if("html"===T(t))return t;const e=t.assignedSlot||t.parentNode||F(t)&&t.host||A(t);return F(e)?e.host:e}function j(t){const e=_(t);return z(e)?(t.ownerDocument||t).body:D(e)&&O(e)?e:j(e)}function U(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=j(t),r=o===(null==(i=t.ownerDocument)?void 0:i.body),s=R(o);if(r){const t=G(s);return e.concat(s,s.visualViewport||[],O(o)?o:[],t&&n?U(t):[])}return e.concat(o,U(o,[],n))}function G(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function X(t){const e=q(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=D(t),s=r?t.offsetWidth:n,l=r?t.offsetHeight:o,a=i(n)!==s||i(o)!==l;return a&&(n=s,o=l),{width:n,height:o,$:a}}function Y(t){return k(t)?t:t.contextElement}function J(t){const e=Y(t);if(!D(e))return r(1);const n=e.getBoundingClientRect(),{width:o,height:s,$:l}=X(e);let a=(l?i(n.width):n.width)/o,c=(l?i(n.height):n.height)/s;return a&&Number.isFinite(a)||(a=1),c&&Number.isFinite(c)||(c=1),{x:a,y:c}}const Q=r(0);function Z(t){const e=R(t);return V()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Q}function tt(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const o=t.getBoundingClientRect(),s=Y(t);let l=r(1);e&&(i?k(i)&&(l=J(i)):l=J(t));const a=function(t,e,n){return void 0===e&&(e=!1),!!n&&e&&n===R(t)}(s,n,i)?Z(s):r(0);let c=(o.left+a.x)/l.x,f=(o.top+a.y)/l.y,u=o.width/l.x,d=o.height/l.y;if(s&&i){const t=R(s),e=k(i)?R(i):i;let n=t,o=G(n);for(;o&&e!==n;){const t=J(o),e=o.getBoundingClientRect(),i=q(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;c*=t.x,f*=t.y,u*=t.x,d*=t.y,c+=r,f+=s,n=R(o),o=G(n)}}return x({width:u,height:d,x:c,y:f})}function et(t,e){const n=K(t).scrollLeft;return e?e.left+n:tt(A(t)).left+n}function nt(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-et(t,n),y:n.top+e.scrollTop}}function it(t,e,i){let o;if("viewport"===e||"layoutViewport"===e)o=function(t,e,n){void 0===n&&(n="viewport");const i="layoutViewport"===n,o=R(t),r=A(t),s=o.visualViewport;let l=r.clientWidth,a=r.clientHeight,c=0,f=0;if(s){const t=!V()||"fixed"===e;i?t||(c=-s.offsetLeft,f=-s.offsetTop):(l=s.width,a=s.height,t&&(c=s.offsetLeft,f=s.offsetTop))}if(et(r)<=0){const t=r.ownerDocument,e=t.body,n=getComputedStyle(e),i="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-e.clientWidth-i),s="stable both-edges"===getComputedStyle(r).scrollbarGutter?o/2:o;s<=25&&(l-=s)}return{width:l,height:a,x:c,y:f}}(t,i,e);else if("document"===e)o=function(t){const e=K(t),i=t.ownerDocument.body,o=n(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),r=n(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let s=-e.scrollLeft+et(t);const l=-e.scrollTop;return"rtl"===q(i).direction&&(s+=n(t.clientWidth,i.clientWidth)-o),{width:o,height:r,x:s,y:l}}(A(t));else if(k(e))o=function(t,e){const n=tt(t,!0,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft,r=J(t);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:i*r.y}}(e,i);else{const n=Z(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return x(o)}function ot(t,e,n){const i=D(e),o=A(e),s="fixed"===n,l=tt(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const c=r(0);if((i||!s)&&(("body"!==T(e)||O(o))&&(a=K(e)),i)){const t=tt(e,!0,s,e);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}!i&&o&&(c.x=et(o));const f=!o||i||s?r(0):nt(o,a);return{x:l.left+a.scrollLeft-c.x-f.x,y:l.top+a.scrollTop-c.y-f.y,width:l.width,height:l.height}}function rt(t){return"static"===q(t).position}function st(t,e){if(!D(t)||"fixed"===q(t).position)return null;if(e)return e(t);let n=t.offsetParent;return A(t)===n&&(n=n.ownerDocument.body),n}function lt(t,e){const n=R(t);if(H(t))return n;if(!D(t)){let e=_(t);for(;e&&!z(e);){if(k(e)&&!rt(e))return e;e=_(e)}return n}let i=st(t,e);for(;i&&M(i)&&rt(i);)i=st(i,e);return i&&z(i)&&rt(i)&&!B(i)?n:i||function(t){let e=_(t);for(;D(e)&&!z(e);){if(B(e))return e;if(H(e))return null;e=_(e)}return null}(t)||n}const at={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t;const s="fixed"===o,l=A(i),a=!!e&&H(e.floating);if(i===l||a&&s)return n;let c={scrollLeft:0,scrollTop:0},f=r(1);const u=r(0),d=D(i);if((d||!s)&&(("body"!==T(i)||O(l))&&(c=K(i)),d)){const t=tt(i);f=J(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}const h=!l||d||s?r(0):nt(l,c);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-c.scrollLeft*f.x+u.x+h.x,y:n.y*f.y-c.scrollTop*f.y+u.y+h.y}},getDocumentElement:A,getClippingRect:function(t){let{element:i,boundary:o,rootBoundary:r,strategy:s}=t;const l=[..."clippingAncestors"===o?H(i)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=U(t,[],!1).filter(t=>k(t)&&"body"!==T(t)),o=null;const r="fixed"===q(t).position;let s=r?_(t):t;for(;k(s)&&!z(s);){const t=q(s),e=B(s),n=o?o.position:r?"fixed":"";e||"fixed"!==n&&("absolute"!==n||"static"!==t.position)?o=t:i=i.filter(t=>t!==s),s=_(s)}return e.set(t,i),i}(i,this._c):[].concat(o),r],a=it(i,l[0],s);let c=a.top,f=a.right,u=a.bottom,d=a.left;for(let t=1;t<l.length;t++){const o=it(i,l[t],s);c=n(o.top,c),f=e(o.right,f),u=e(o.bottom,u),d=n(o.left,d)}return{width:f-d,height:u-c,x:d,y:c}},getOffsetParent:lt,getElementRects:async function(t){const e=this.getOffsetParent||lt,n=this.getDimensions,i=await n(t.floating);return{reference:ot(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return t.getClientRects?Array.from(t.getClientRects()):[]},getDimensions:function(t){const{width:e,height:n}=X(t);return{width:e,height:n}},getScale:J,isElement:k,isRTL:function(t){return"rtl"===q(t).direction}};function ct(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function ft(t,i,r,s){void 0===s&&(s={});const{ancestorScroll:l=!0,ancestorResize:a=!0,elementResize:c="function"==typeof ResizeObserver,layoutShift:f="function"==typeof IntersectionObserver,animationFrame:u=!1}=s,d=Y(t),h=l||a?[...d?U(d):[],...i?U(i):[]]:[];h.forEach(t=>{l&&t.addEventListener("scroll",r),a&&t.addEventListener("resize",r)});const g=d&&f?function(t,i,r){let s,l=null;const a=A(t);function c(){var t;clearTimeout(s),null==(t=l)||t.disconnect(),l=null}function f(r,u){void 0===r&&(r=!1),void 0===u&&(u=1),c();const d=t.getBoundingClientRect(),{left:h,top:g,width:p,height:m}=d;if(r||i(),!p||!m)return;const y={rootMargin:-o(g)+"px "+-o(a.clientWidth-(h+p))+"px "+-o(a.clientHeight-(g+m))+"px "+-o(h)+"px",threshold:n(0,e(1,u))||1};let w=!0;function b(e){const n=e[0].intersectionRatio;if(!ct(d,t.getBoundingClientRect()))return f();if(n!==u){if(!w)return f();n?f(!1,n):s=setTimeout(()=>{f(!1,1e-7)},1e3)}w=!1}try{l=new IntersectionObserver(b,{...y,root:a.ownerDocument})}catch(t){l=new IntersectionObserver(b,y)}l.observe(t)}const u=R(t),d=()=>f(r);return u.addEventListener("resize",d),f(!0),()=>{u.removeEventListener("resize",d),c()}}(d,r,a):null;let p,m=-1,y=null;c&&(y=new ResizeObserver(t=>{let[e]=t;e&&e.target===d&&y&&i&&(y.unobserve(i),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var t;null==(t=y)||t.observe(i)})),r()}),d&&!u&&y.observe(d),i&&y.observe(i));let w=u?tt(t):null;return u&&function e(){const n=tt(t);w&&!ct(w,n)&&r();w=n,p=requestAnimationFrame(e)}(),r(),()=>{var t;h.forEach(t=>{l&&t.removeEventListener("scroll",r),a&&t.removeEventListener("resize",r)}),null==g||g(),null==(t=y)||t.disconnect(),y=null,u&&cancelAnimationFrame(p)}}const ut=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,i;const{x:o,y:r,placement:s,middlewareData:f}=e,u=await async function(t,e){const{placement:n,platform:i,elements:o}=t,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),s=a(n),f=c(n),u="y"===d(n),h=P.has(s)?-1:1,g=r&&u?-1:1,p=l(e,t);let{mainAxis:m,crossAxis:y,alignmentAxis:w}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return f&&"number"==typeof w&&(y="end"===f?-1*w:w),u?{x:y*g,y:m*h}:{x:m*h,y:y*g}}(e,t);return s===(null==(n=f.offset)?void 0:n.placement)&&null!=(i=f.arrow)&&i.alignmentOffset?{}:{x:o+u.x,y:r+u.y,data:{...u,placement:s}}}}},dt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(i){const{x:o,y:r,placement:s,platform:a}=i,{mainAxis:c=!0,crossAxis:u=!1,limiter:h={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...g}=l(t,i),p={x:o,y:r},m=await a.detectOverflow(i,g),y=d(s),w=f(y);let b=p[w],v=p[y];const x=(t,i)=>{return o=i+m["y"===t?"top":"left"],r=i,s=i-m["y"===t?"bottom":"right"],n(o,e(r,s));var o,r,s};c&&(b=x(w,b)),u&&(v=x(y,v));const L=h.fn({...i,[w]:b,[y]:v});return{...L,data:{x:L.x-o,y:L.y-r,enabled:{[w]:c,[y]:u}}}}}},ht=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:r,rects:s,initialPlacement:f,platform:p,elements:m}=e,{mainAxis:y=!0,crossAxis:w=!0,fallbackPlacements:x,fallbackStrategy:L="bestFit",fallbackAxisSideDirection:E="none",flipAlignment:P=!0,...S}=l(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const T=a(o),R=d(f),A=a(f)===f,C=await(null==p.isRTL?void 0:p.isRTL(m.floating)),k=x||(A||!P?[v(f)]:function(t){const e=v(t);return[g(t),e,g(e)]}(f)),D="none"!==E;!x&&D&&k.push(...b(f,P,E,C));const F=[f,...k],O=await p.detectOverflow(e,S),M=[];let H=(null==(i=r.flip)?void 0:i.overflows)||[];if(y&&M.push(O[T]),w){const t=function(t,e,n){void 0===n&&(n=!1);const i=c(t),o=h(t),r=u(o);let s="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=v(s)),[s,v(s)]}(o,s,C);M.push(O[t[0]],O[t[1]])}if(H=[...H,{placement:o,overflows:M}],!M.every(t=>t<=0)){var W,N;const t=((null==(W=r.flip)?void 0:W.index)||0)+1,e=F[t];if(e){if(!("alignment"===w&&R!==d(e))||H.every(t=>d(t.placement)!==R||t.overflows[0]>0))return{data:{index:t,overflows:H},reset:{placement:e}}}let n=null==(N=H.filter(t=>t.overflows[0]<=0).sort((t,e)=>t.overflows[1]-e.overflows[1])[0])?void 0:N.placement;if(!n)switch(L){case"bestFit":{var $;const t=null==($=H.filter(t=>{if(D){const e=d(t.placement);return e===R||"y"===e}return!0}).map(t=>[t.placement,t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)]).sort((t,e)=>t[1]-e[1])[0])?void 0:$[0];t&&(n=t);break}case"initialPlacement":n=f}if(o!==n)return{reset:{placement:n}}}return{}}}},gt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(i){const{placement:o,rects:r,platform:s,elements:f}=i,{apply:u=()=>{},...h}=l(t,i),g=await s.detectOverflow(i,h),p=a(o),m=c(o),y="y"===d(o),{width:w,height:b}=r.floating;let v,x;"top"===p||"bottom"===p?(v=p,x=m===(await(null==s.isRTL?void 0:s.isRTL(f.floating))?"start":"end")?"left":"right"):(x=p,v="end"===m?"top":"bottom");const L=b-g.top-g.bottom,E=w-g.left-g.right,P=e(b-g[v],L),S=e(w-g[x],E),T=i.middlewareData.shift,R=!T;let A=P,C=S;null!=T&&T.enabled.x&&(C=E),null!=T&&T.enabled.y&&(A=L),R&&!m&&(y?C=w-2*n(g.left,g.right):A=b-2*n(g.top,g.bottom)),await u({...i,availableWidth:C,availableHeight:A});const k=await s.getDimensions(f.floating);return w!==k.width||b!==k.height?{reset:{rects:!0}}:{}}}},pt=(t,e,n)=>{const i=new Map,o=null!=n?n:{},r={...at,...o.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n,l=s.detectOverflow?s:{...s,detectOverflow:E},a=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:o}),{x:f,y:u}=L(c,i,a),d=i,h=0;const g={};for(let n=0;n<r.length;n++){const p=r[n];if(!p)continue;const{name:m,fn:y}=p,{x:w,y:b,data:v,reset:x}=await y({x:f,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:g,rects:c,platform:l,elements:{reference:t,floating:e}});f=null!=w?w:f,u=null!=b?b:u,g[m]={...g[m],...v},x&&h<50&&(h++,"object"==typeof x&&(x.placement&&(d=x.placement),x.rects&&(c=!0===x.rects?await s.getElementRects({reference:t,floating:e,strategy:o}):x.rects),({x:f,y:u}=L(c,d,a))),n=-1)}return{x:f,y:u,placement:d,strategy:o,middlewareData:g}})(t,e,{...o,platform:r})},mt=["block-start","block-end","inline-start","inline-end"],yt=["start","center","end"];function wt(t="block-end",e="start",n=!1){if(!mt.includes(t))throw new TypeError(`Unknown placement side: ${t}`);if(!yt.includes(e))throw new TypeError(`Unknown placement alignment: ${e}`);const i="block-start"===t?"top":"block-end"===t?"bottom":"inline-start"===t?n?"right":"left":n?"left":"right";return"center"===e?i:`${i}-${e}`}function bt(t,e=!1){const n=String(t).split("-")[0];return"top"===n?"block-start":"bottom"===n?"block-end":"left"===n?e?"inline-end":"inline-start":e?"inline-start":"inline-end"}function vt(t,e=document.body){if("number"==typeof t)return Number.isFinite(t)?t:0;if("string"!=typeof t||""===t.trim())return 0;const n=document.createElement("span");n.style.cssText="position:absolute;visibility:hidden;pointer-events:none;block-size:0;padding:0;border:0",n.style.inlineSize=t,(e?.isConnected?e:document.body).append(n);const i=parseFloat(getComputedStyle(n).width)||0;return n.remove(),i}const xt=Object.freeze({anchor:function(t,e,n={}){if(!(t instanceof Element&&e instanceof HTMLElement))throw new TypeError("Anchored positioning needs a reference element and a floating element");const i={side:"block-end",align:"start",offset:"var(--sf-space-1\\/4)",alignmentOffset:0,padding:"var(--sf-space-1\\/2)",flip:!0,shift:!0,matchWidth:!1,fitHeight:!0,autoUpdate:!0,onPosition:null,...n},o=["position","left","top","right","bottom","margin","max-height","max-width",...i.matchWidth?["width"]:[]].map(t=>[t,e.style.getPropertyValue(t),e.style.getPropertyPriority(t)]),r={maxHeight:e.style.getPropertyValue("max-height")},s=getComputedStyle(e),l=(t,e)=>{const n=parseFloat(t);return Number.isFinite(n)?String(t).trim().endsWith("%")?n/100*e:n:1/0},a=l(s.maxHeight,document.documentElement.clientHeight),c=l(s.maxWidth,document.documentElement.clientWidth),f={side:i.side,stopped:!1};let u=null,d=!1;const h=async()=>{const n="rtl"===getComputedStyle(t).direction;const o=vt(i.offset,t.parentElement),s=vt(i.padding,t.parentElement);i.fitHeight&&(e.style.maxHeight=r.maxHeight||"");const l=t.getBoundingClientRect(),u=document.documentElement.clientWidth,d={top:s,bottom:s,left:Math.min(s,Math.max(0,l.left)),right:Math.min(s,Math.max(0,u-l.right))},h=[ut({mainAxis:o,alignmentAxis:vt(i.alignmentOffset,t.parentElement)})];i.flip&&h.push(ht({padding:s,crossAxis:!1})),i.shift&&h.push(dt({padding:d,crossAxis:!1})),h.push(gt({padding:d,apply({availableWidth:t,availableHeight:e,rects:n,elements:o}){if(f.stopped)return;const r=u-d.left-d.right;i.matchWidth&&(o.floating.style.width=`${Math.max(0,Math.min(n.reference.width,r))}px`),o.floating.style.maxWidth=`${Math.max(0,Math.min(t,r,c))}px`,i.fitHeight&&(o.floating.style.maxHeight=`${Math.max(0,Math.min(e,a))}px`)}}));const g=await pt(t,e,{strategy:"fixed",placement:wt(i.side,i.align,n),middleware:h});return f.stopped||(Object.assign(e.style,{position:"fixed",left:`${g.x}px`,top:`${g.y}px`,right:"auto",bottom:"auto",margin:"0"}),f.side=bt(g.placement,n),e.dataset.sfSide=f.side,i.onPosition?.({side:f.side,placement:g.placement,x:g.x,y:g.y})),g};f.update=()=>f.stopped?Promise.resolve(null):u?(d=!0,u):(u=h().finally(()=>{u=null,d&&!f.stopped&&(d=!1,f.update())}),u);const g=i.autoUpdate?ft(t,e,f.update):null;return f.stop=()=>{f.stopped=!0,g?.(),delete e.dataset.sfSide;for(const[t,n,i]of o)n?e.style.setProperty(t,n,i):e.style.removeProperty(t)},i.autoUpdate||f.update(),f},logicalSide:bt,physicalPlacement:wt,resolveLength:vt});"undefined"!=typeof globalThis&&(globalThis.SF=globalThis.SF||{},globalThis.SF.Position||(globalThis.SF.Position=xt));const Lt=xt,Et=()=>globalThis.SF?.Position||Lt,Pt=/(?:^|\s)sf-tooltip--arrow-([a-z-]+)/,St={"bottom-center":"top-center","top-center":"bottom-center","bottom-inline-start":"top-inline-start","top-inline-start":"bottom-inline-start","bottom-inline-end":"top-inline-end","top-inline-end":"bottom-inline-end","inline-start":"inline-end","inline-end":"inline-start","bottom-left":"top-left","top-left":"bottom-left","bottom-right":"top-right","top-right":"bottom-right",left:"right",right:"left"};const Tt=new WeakMap,Rt="[data-tooltip]",At=".sf-tooltip, sf-tooltip";let Ct=0;class kt{static componentName="Tooltip";constructor(t){this.trigger=t,this.anchor=t?.closest?.(".sf-tooltip-anchor")||null,this.surface=null,this.pointerInside=!1,this.focusInside=!1,this.dismissed=!1,this.originalDescription=null,this.originalRole=null,this.originalHidden=!1,this.onPointerEnter=this.handlePointerEnter.bind(this),this.onPointerLeave=this.handlePointerLeave.bind(this),this.onFocusIn=this.handleFocusIn.bind(this),this.onFocusOut=this.handleFocusOut.bind(this),this.onDocumentKeydown=this.handleDocumentKeydown.bind(this)}resolveSurface(){const t=this.trigger?.getAttribute?.("data-tooltip")?.trim();if(t){const e=this.trigger.ownerDocument.getElementById(t);return e?.matches?.(At)?e:null}return this.anchor&&[...this.anchor.children].find(t=>t!==this.trigger&&t.matches?.(At))||null}init(){if(!this.trigger||Tt.has(this.trigger))return;if(this.surface=this.resolveSurface(),!this.surface)return;this.surface.id||(Ct+=1,this.surface.id=`sf-tooltip-${Ct}`),this.originalDescription=this.trigger.getAttribute("aria-describedby"),this.originalRole=this.surface.getAttribute("role"),this.originalHidden=this.surface.hidden;const t=t=>String(t??"").replace(/\s+/gu," ").trim().toLowerCase(),e=t(this.trigger.getAttribute("aria-label")||this.trigger.textContent),n=""!==e&&t(this.surface.textContent)===e,i=new Set((this.trigger.getAttribute("aria-describedby")||"").split(/\s+/).filter(Boolean));n||i.add(this.surface.id),i.size&&this.trigger.setAttribute("aria-describedby",[...i].join(" ")),this.trigger.setAttribute("data-tooltip",this.surface.id),this.surface.setAttribute("role","tooltip"),this.surface.hidden=!0,this.surface.classList.remove("active");const o=this.anchor||this.trigger;o.addEventListener("pointerenter",this.onPointerEnter),o.addEventListener("pointerleave",this.onPointerLeave),this.trigger.addEventListener("focusin",this.onFocusIn),this.trigger.addEventListener("focusout",this.onFocusOut),Tt.set(this.trigger,this)}destroy(){if(!this.trigger||!this.surface)return;this.stopPosition();const t=this.anchor||this.trigger;t.removeEventListener("pointerenter",this.onPointerEnter),t.removeEventListener("pointerleave",this.onPointerLeave),this.trigger.removeEventListener("focusin",this.onFocusIn),this.trigger.removeEventListener("focusout",this.onFocusOut),this.trigger.ownerDocument.removeEventListener("keydown",this.onDocumentKeydown),null===this.originalDescription?this.trigger.removeAttribute("aria-describedby"):this.trigger.setAttribute("aria-describedby",this.originalDescription),null===this.originalRole?this.surface.removeAttribute("role"):this.surface.setAttribute("role",this.originalRole),this.surface.hidden=this.originalHidden,this.surface.classList.remove("active"),Tt.delete(this.trigger)}handlePointerEnter(t){"touch"!==t.pointerType&&(this.pointerInside=!0,this.dismissed||this.open())}handlePointerLeave(){this.pointerInside=!1,this.focusInside||(this.dismissed=!1,this.close())}handleFocusIn(){this.focusInside=!0,this.dismissed||this.open()}handleFocusOut(){Promise.resolve().then(()=>{this.focusInside=this.anchor?this.anchor.contains(this.trigger.ownerDocument.activeElement):this.trigger===this.trigger.ownerDocument.activeElement,this.focusInside||this.pointerInside||(this.dismissed=!1,this.close())})}handleDocumentKeydown(t){"Escape"!==t.key||this.surface?.hidden||(this.dismissed=!0,this.close())}open(){this.surface&&this.surface.hidden&&(this.surface.hidden=!1,this.surface.classList.add("active"),this.startPosition(),this.trigger.ownerDocument.addEventListener("keydown",this.onDocumentKeydown))}startPosition(){this.stopPosition();const t=this.anchor||this.trigger,e="sf-tooltip"===this.surface.localName?this.surface.querySelector(".sf-tooltip"):this.surface;if(!e)return;const n=e.matches('[class*="sf-tooltip--arrow-"]')?e:e.querySelector('[class*="sf-tooltip--arrow-"]'),i=n?.className.match(Pt)?.[1]||"none",o="rtl"===getComputedStyle(t).direction,{side:r,align:s}=function(t,e){const n=e?"end":"start",i=e?"start":"end";switch(t){case"bottom-center":return{side:"block-start",align:"center"};case"top-center":default:return{side:"block-end",align:"center"};case"bottom-inline-start":return{side:"block-start",align:"start"};case"bottom-inline-end":return{side:"block-start",align:"end"};case"top-inline-start":return{side:"block-end",align:"start"};case"top-inline-end":return{side:"block-end",align:"end"};case"inline-end":return{side:"inline-start",align:"center"};case"inline-start":return{side:"inline-end",align:"center"};case"bottom-left":return{side:"block-start",align:n};case"bottom-right":return{side:"block-start",align:i};case"top-left":return{side:"block-end",align:n};case"top-right":return{side:"block-end",align:i};case"left":return{side:e?"inline-start":"inline-end",align:"center"};case"right":return{side:e?"inline-end":"inline-start",align:"center"}}}(i,o),l="none"===i?"var(--sf-space-1\\/4)":Et().resolveLength("var(--sf-tooltip-tail-half)",n),a=[e.style.getPropertyValue("translate"),e.style.getPropertyPriority("translate")],c=n?.querySelector(".sf-tooltip-tail")||null,f=c?[c.style.getPropertyValue("translate"),c.style.getPropertyPriority("translate")]:null;e.style.translate="none";let u=i;const d=Et().anchor(t,e,{side:r,align:s,offset:l,fitHeight:!1,onPosition:({side:o})=>{if(!n||"none"===i)return;const s=o===r?i:St[i]||i;if(s!==u&&(n.classList.replace(`sf-tooltip--arrow-${u}`,`sf-tooltip--arrow-${s}`),u=s),!c||!/center|^inline-|^left$|^right$/.test(u))return;const l=t.getBoundingClientRect(),a=e.getBoundingClientRect(),f="block-start"===o||"block-end"===o,d=Et().resolveLength("var(--sf-tooltip-tail-corner-offset)",n),h=Math.max(0,(f?a.width:a.height)/2-d),g=f?l.left+l.width/2-(a.left+a.width/2):l.top+l.height/2-(a.top+a.height/2),p=Math.max(-h,Math.min(h,g));c.style.translate=f?`${p}px 0`:`0 ${p}px`}});this.position={anchor:d,box:e,tail:n,tailNode:c,tailTranslate:f,arrow:i,translate:a,shown:()=>u}}stopPosition(){if(!this.position)return;const{anchor:t,box:e,tail:n,tailNode:i,tailTranslate:o,arrow:r,translate:s}=this.position;t.stop(),i&&(o[0]?i.style.setProperty("translate",o[0],o[1]):i.style.removeProperty("translate"));const l=this.position.shown();n&&l!==r&&n.classList.replace(`sf-tooltip--arrow-${l}`,`sf-tooltip--arrow-${r}`),s[0]?e.style.setProperty("translate",s[0],s[1]):e.style.removeProperty("translate"),this.position=null}close(){this.surface&&(this.stopPosition(),this.surface.hidden=!0,this.surface.classList.remove("active"),this.trigger.ownerDocument.removeEventListener("keydown",this.onDocumentKeydown))}}function Dt(t=document){t?.querySelectorAll&&(t.matches?.(Rt)&&new kt(t).init(),t.querySelectorAll(Rt).forEach(t=>{Tt.has(t)||new kt(t).init()}))}if("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>Dt(),{once:!0}):Dt(),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{let e=!1;t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof HTMLElement&&(Dt(t),(t.matches?.(At)||t.querySelector?.(At))&&(e=!0))})}),e&&Dt()}).observe(document.documentElement,{childList:!0,subtree:!0})}t("Tooltip",kt)})();

package/distr/component/tree/css/tree.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tree{padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tree{padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-start, var(--sf-space-1))}}.sf-tree:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-tree{padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tree{padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-start, var(--sf-space-1))}}.sf-tree:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tree{padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tree{padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-end, var(--sf-space-1))}}.sf-tree:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-tree--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-tree{padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tree{padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-end, var(--sf-space-1))}}.sf-tree:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-tree--padding-inline-end, var(--sf-space-1))}.sf-tree{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-tree--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-tree--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-tree--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-tree--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1);padding-top:var(--sf-tree--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-tree--padding-bottom, var(--sf-space-1));gap:var(--sf-space-1\/3);gap:var(--sf-tree--gap, var(--sf-space-1\/3))}.sf-tree .sf-tree-item{gap:var(--sf-space-1\/3);gap:var(--sf-tree-item--gap, var(--sf-space-1\/3));border-radius:var(--sf-radius--ui);color:var(--sf-on-surface);outline:none}.sf-tree .sf-tree-group{display:flex;flex-direction:column;gap:var(--sf-space-1\/3);gap:var(--sf-tree-item--gap, var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tree>.sf-tree-item .sf-tree-group{padding-left:var(--sf-space-3);padding-left:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tree>.sf-tree-item .sf-tree-group{padding-left:var(--sf-space-3);padding-left:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}}.sf-tree>.sf-tree-item .sf-tree-group:where(:dir(ltr)){padding-left:var(--sf-space-3);padding-left:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}_:-ms-input-placeholder, [dir="rtl"] .sf-tree>.sf-tree-item .sf-tree-group{padding-right:var(--sf-space-3);padding-right:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tree>.sf-tree-item .sf-tree-group{padding-right:var(--sf-space-3);padding-right:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}}.sf-tree>.sf-tree-item .sf-tree-group:where(:dir(rtl)){padding-right:var(--sf-space-3);padding-right:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}.sf-tree>.sf-tree-item .sf-tree-group{-webkit-padding-start:var(--sf-space-3);padding-inline-start:var(--sf-space-3);-webkit-padding-start:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3));padding-inline-start:var(--sf-tree-item--nested-padding-inline-start, var(--sf-space-3))}.sf-tree .sf-tree-item-container{gap:var(--sf-space-1\/2);gap:var(--sf-tree-item--container-gap, var(--sf-space-1\/2));min-height:var(--sf-b6);min-block-size:var(--sf-b6);min-height:var(--sf-b6);min-height:var(--sf-tree-item--min-block-size, var(--sf-b6));min-block-size:var(--sf-tree-item--min-block-size, var(--sf-b6));padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-top:var(--sf-space-1\/3);padding-top:var(--sf-tree-item--padding-block, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-tree-item--padding-block, var(--sf-space-1\/3));padding-block:var(--sf-tree-item--padding-block, var(--sf-space-1\/3));padding-left:var(--sf-space-1\/2);padding-right:var(--sf-space-1\/2);padding-inline:var(--sf-space-1\/2);padding-left:var(--sf-space-1\/2);padding-left:var(--sf-tree-item--padding-inline, var(--sf-space-1\/2));padding-right:var(--sf-space-1\/2);padding-right:var(--sf-tree-item--padding-inline, var(--sf-space-1\/2));padding-inline:var(--sf-tree-item--padding-inline, var(--sf-space-1\/2));border-radius:inherit}.sf-tree .sf-tree-item .sf-tree-item-name,.sf-tree .sf-tree-item-name{flex:1 1 auto;min-width:0;min-inline-size:0;color:inherit;text-decoration:none}.sf-tree .sf-tree-item:not([aria-disabled=true])>.sf-tree-item-container{cursor:pointer}.sf-tree .sf-tree-item:not([aria-disabled=true]):hover>.sf-tree-item-container{background:var(--sf-surface-container-hover)}.sf-tree .sf-tree-item.active>.sf-tree-item-container,.sf-tree .sf-tree-item[aria-selected=true]>.sf-tree-item-container{background:var(--sf-surface-container-active)}.sf-tree .sf-tree-item.focus-visible>.sf-tree-item-container{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tree .sf-tree-item:focus-visible>.sf-tree-item-container{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-tree .sf-tree-item.focus-visible>.sf-tree-item-container{outline:var(--sf-focus--width) solid Highlight;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tree .sf-tree-item:focus-visible>.sf-tree-item-container{outline:var(--sf-focus--width) solid Highlight;outline-offset:calc(var(--sf-focus--width)*-1)}}.sf-tree .sf-tree-item[aria-disabled=true]{color:var(--sf-on-surface-muted);cursor:not-allowed}.sf-tree .sf-tree-chevron{flex:0 0 var(--sf-icon-size-3)}.sf-tree .sf-tree-toggle-spacer{display:inline-block;flex:0 0 var(--sf-icon-size-3);height:var(--sf-icon-size-3);block-size:var(--sf-icon-size-3);width:var(--sf-icon-size-3);inline-size:var(--sf-icon-size-3)}.sf-tree[data-sf-tree-flat=true] .sf-tree-toggle-spacer{display:none}.sf-tree .sf-tree-chevron .sf-icon,.sf-tree .sf-tree-chevron.sf-icon{font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));pointer-events:none;width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}}@layer sf.states{.sf-tree-item:not(.open)>.sf-tree-group,.sf-tree-item:not(.open)>.sf-tree-item{display:none}}@layer sf.overrides{.sf-tree .sf-tree-item .sf-icon-button{--sf-icon-button--padding-bottom: 0;--sf-icon-button--padding-inline-end: 0;--sf-icon-button--padding-inline-start: 0;--sf-icon-button--padding-top: 0}.sf-tree .sf-tree-item .sf-icon-button:hover{--sf-icon-button--background-color: var(--sf-transparent, transparent)}}

package/distr/component/tree/js/tree.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const n=e.match(/\(([^)]+)\)/g);n&&n.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const n=this.getUtilityMap();if(!n||!n[t])return;this.extractUtilityClasses(n[t]).forEach(t=>e.classList.add(t))}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(){}}const t=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},n=".sf-tree",r=".sf-tree-item",i="sfTreeBound",s=new WeakMap;function o(e){return Boolean(e?.closest?.("sf-tree"))}function c(e){return e?.querySelector?.(":scope > .sf-tree-item-container")||null}function a(e){const t=Array.from(e?.children||[]).find(e=>e.classList?.contains("sf-tree-group"))||e;return Array.from(t?.children||[]).filter(e=>e.classList?.contains("sf-tree-item"))}function l(e){const t=[],n=(e,r=!0)=>{e.forEach(e=>{r&&(t.push(e),n(a(e),e.classList.contains("open")))})};return n(function(e){return Array.from(e?.children||[]).filter(e=>e.classList?.contains("sf-tree-item"))}(e)),t}function u(e,t,n=!1){const i=l(e),s=i.includes(t)?t:i[0]||null;return e.querySelectorAll(r).forEach(e=>{e.tabIndex=e===s?0:-1}),n&&s?.focus?.(),s}function d(e){return a(e).length>0}function f(e){const t=c(e);return t?.querySelector?.(":scope > .sf-icon-button")||null}function m(e,t){e&&(e.textContent=t)}function h(e){if(!(e instanceof HTMLElement))return;!function(e){const t=Array.from(e.children||[]).filter(e=>e.classList?.contains("sf-tree-item"));if(!t.length)return;let n=Array.from(e.children).find(e=>e.classList?.contains("sf-tree-group"));n||(n=document.createElement("div"),n.className="sf-tree-group",t[0].before(n)),n.append(...t)}(e);const t=d(e),n=e.classList.contains("open")||e.hasAttribute("open"),r=t&&n,i=f(e);e.classList.toggle("has-children",t),e.classList.toggle("open",r),e.toggleAttribute("open",r),t?e.setAttribute("aria-expanded",String(r)):e.removeAttribute("aria-expanded"),e.setAttribute("role","treeitem");const s=Array.from(e.children||[]).find(e=>e.classList?.contains("sf-tree-group"));s?.setAttribute("role","group"),i&&(i.type=i.getAttribute("type")||"button",i.setAttribute("aria-expanded",t?String(r):"false"),i.toggleAttribute("disabled",!t)),m(function(e){return f(e)?.querySelector?.(".sf-icon")||null}(e),r?function(e){return e.getAttribute("data-open-icon")||"folder_open"}(e):function(e){return e.getAttribute("data-closed-icon")||"folder"}(e)),m(function(e){const t=c(e);return t?.querySelector?.(":scope > .sf-tree-chevron .sf-icon")||null}(e),r?"keyboard_arrow_down":"chevron_right")}function p(e){if(o(e))return;e.querySelectorAll(r).forEach(h);const t=e.querySelector(`${r}[tabindex="0"]`);u(e,t)}function g(e,t=!0){return!!(e instanceof HTMLElement&&d(e))&&(e.classList.toggle("open",t),e.toggleAttribute("open",t),h(e),e.dispatchEvent(new CustomEvent("sf-tree:toggle",{bubbles:!0,detail:{item:e,open:t}})),!0)}function w(e){return g(e,!e.classList.contains("open"))}function b(e){if(!e||e.matches('.disabled, [aria-disabled="true"]'))return;const t=c(e)?.querySelector?.(":scope > .sf-tree-item-name");t?.matches?.("a[href]")?t.click():e.dispatchEvent(new CustomEvent("sf-tree:activate",{bubbles:!0,detail:{item:e,value:e.getAttribute("data-value")||""}}))}function y(e,t,n){const r=s.get(e)||{value:"",timer:null};clearTimeout(r.timer);const i=`${r.value}${n}`.toLocaleLowerCase(),o=setTimeout(()=>s.delete(e),500);s.set(e,{value:i,timer:o});const a=l(e),d=Math.max(a.indexOf(t),0),f=a.slice(d+1).concat(a.slice(0,d+1)).find(e=>function(e){return c(e)?.querySelector?.(":scope > .sf-tree-item-name")?.textContent?.replace(/\s+/g," ")?.trim()||""}(e).toLocaleLowerCase().startsWith(i));f&&u(e,f,!0)}function E(e,t){const n=t.target.closest?.(r);if(!n||!e.contains(n))return;const i=l(e),s=i.indexOf(n);if(s<0)return;let o=null,c=!0;switch(t.key){case"ArrowDown":o=i[Math.min(s+1,i.length-1)];break;case"ArrowUp":o=i[Math.max(s-1,0)];break;case"Home":o=i[0];break;case"End":o=i[i.length-1];break;case"ArrowRight":{const e=a(n);e.length&&!n.classList.contains("open")?g(n,!0):o=e[0]||null;break}case"ArrowLeft":d(n)&&n.classList.contains("open")?g(n,!1):o=function(e,t){const n=e?.parentElement?.closest?.(".sf-tree-group"),i=n?.parentElement?.closest?.(r);return i&&t.contains(i)?i:null}(n,e);break;case"Enter":d(n)?w(n):b(n);break;case" ":!function(e,t){const n=e.getAttribute("data-selection")||"none";if(!["single","multiple"].includes(n))return void b(t);const i="multiple"!==n||"true"!==t.getAttribute("aria-selected");"single"===n?e.querySelectorAll(r).forEach(e=>{const n=e===t;e.classList.toggle("active",n),e.setAttribute("aria-selected",String(n))}):(t.classList.toggle("active",i),t.setAttribute("aria-selected",String(i))),e.dispatchEvent(new CustomEvent("sf-tree:selection-change",{bubbles:!0,detail:{item:t,selected:i,value:t.getAttribute("data-value")||""}}))}(e,n);break;default:c=!1}c||1!==t.key.length||t.altKey||t.metaKey||(y(e,n,t.key),c=!0),c&&(t.preventDefault(),t.stopPropagation(),o&&u(e,o,!0))}function A(e){e instanceof HTMLElement&&"1"!==e.dataset[i]&&!o(e)&&(e.setAttribute("role",e.getAttribute("role")||"tree"),"multiple"===e.getAttribute("data-selection")?e.setAttribute("aria-multiselectable","true"):e.removeAttribute("aria-multiselectable"),p(e),e.addEventListener("focusin",t=>{const n=t.target.closest?.(r);n&&e.contains(n)&&u(e,n)}),e.addEventListener("keydown",t=>E(e,t)),e.addEventListener("click",t=>{const n=t.target.closest?.(".sf-icon-button");if(!n||!e.contains(n))return;const i=n.closest(r);if(!i||!e.contains(i))return;const s=c(i);s&&!s.contains(n)||(w(i),u(e,i))}),e.dataset[i]="1")}function v(e=document){(e instanceof Element||e===document)&&(e instanceof Element&&e.matches?.(n)&&A(e),e.querySelectorAll?.(n).forEach(A))}t("Tree",class extends e{static componentName="Tree";html=null}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Tree=window.SF.Tree||{},window.SF.Tree.init=v,window.SF.Tree.sync=p,window.SF.Tree.open=e=>g(e,!0),window.SF.Tree.close=e=>g(e,!1),window.SF.Tree.toggle=w),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>v(document)):v(document);new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if(!(e instanceof Element))return;v(e);const t=e.closest?.(n);t&&!o(t)&&p(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/tree-item/css/tree-item.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-tree-item .sf-tree-item-container{gap:var(--sf-space-1\/3);gap:var(--sf-tree-item-container--gap, var(--sf-space-1\/3))}.sf-tree-item .sf-tree-item-name{color:var(--sf-primary);color:var(--sf-tree-item-name--color, var(--sf-primary));font-size:var(--sf-text-size-1);font-size:var(--sf-tree-item-name--font-size, var(--sf-text-size-1));line-height:var(--sf-text-height-1);line-height:var(--sf-tree-item-name--line-height, var(--sf-text-height-1))}}@layer sf.override{.sf-tree-item .sf-icon{--sf-icon--color: var(--sf-tree-item-icon--color, currentColor)}}@layer sf.states{.sf-tree-item[data-sf-drop-target]>.sf-tree-item-container{background-color:var(--sf-primary-container);outline:var(--sf-focus--width) dashed var(--sf-primary);outline-offset:calc(var(--sf-focus--width)*-1)}}

package/distr/component/tree-item/js/tree-item.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{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(){}}const e=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)};e("TreeItem",class extends t{static componentName="TreeItem";html=null})})();

package/distr/component/verification/css/verification.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-verification{--sf-verification--cell-size: var(--sf-title-height-6);--sf-verification--gap: var(--sf-space-1\/3);--sf-verification--radius: var(--sf-radius--ui);--sf-verification--border-width: var(--sf-px);position:relative;display:inline-grid;color:var(--sf-on-surface);border-radius:var(--sf-verification--radius)}.sf-verification-cells,.sf-verification-form-wrap{display:flex;gap:var(--sf-verification--gap);direction:ltr}.sf-verification-cell,.sf-verification-form-wrap .sf-verification{display:grid;align-items:center;justify-items:center;place-items:center;width:var(--sf-verification--cell-size);inline-size:var(--sf-verification--cell-size);height:var(--sf-verification--cell-size);block-size:var(--sf-verification--cell-size);box-sizing:border-box;border:var(--sf-verification--border-width) solid var(--sf-outline);border-radius:var(--sf-verification--radius);background:var(--sf-surface-0);color:var(--sf-on-surface);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1);font-size:var(--sf-verification--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);line-height:var(--sf-text-height-1);line-height:var(--sf-verification--line-height, var(--sf-text-height-1))}.sf-verification-input{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;width:100%;inline-size:100%;height:100%;block-size:100%;box-sizing:border-box;border:0;padding:0;opacity:0;cursor:text}.sf-verification-input:focus{outline:0}.sf-verification[\:has\(.sf-verification-input.focus-visible\)],.sf-verification-form-wrap .sf-verification[\:has\(input.focus-visible\)]{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-verification:has(.sf-verification-input.focus-visible),.sf-verification-form-wrap .sf-verification:has(input.focus-visible){outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-verification[\:has\(.sf-verification-input\:focus-visible\)],.sf-verification-form-wrap .sf-verification[\:has\(input\:focus-visible\)]{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-verification:has(.sf-verification-input:focus-visible),.sf-verification-form-wrap .sf-verification:has(input:focus-visible){outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-verification-cell.current{border-color:var(--sf-primary)}.sf-verification--filled .sf-verification-cell,.sf-verification-form--filled .sf-verification-form-wrap .sf-verification{border-color:rgba(0,0,0,0);background:var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-verification:hover .sf-verification-cell,.sf-verification-form-wrap .sf-verification:hover{border-color:var(--sf-primary-hover)}.sf-verification-form.error .sf-verification-cell,.sf-verification.error .sf-verification-cell,.sf-verification-form.error .sf-verification-form-wrap .sf-verification,.sf-verification.error{border-color:var(--sf-error);color:var(--sf-error)}.sf-verification[\:has\(input\:disabled\)] .sf-verification-cell,.sf-verification-form-wrap .sf-verification[\:has\(input\:disabled\)]{border-color:var(--sf-outline-disable);background:var(--sf-disable);color:var(--sf-on-disable);cursor:not-allowed}.sf-verification:has(input:disabled) .sf-verification-cell,.sf-verification-form-wrap .sf-verification:has(input:disabled){border-color:var(--sf-outline-disable);background:var(--sf-disable);color:var(--sf-on-disable);cursor:not-allowed}.sf-verification--size-1\/2,.sf-verification-form--size-1\/2{--sf-verification--cell-size: var(--sf-title-height-4);--sf-verification--font-size: var(--sf-text-size-1\/2);--sf-verification--line-height: var(--sf-text-height-1\/2)}.sf-verification--size-1,.sf-verification-form--size-1{--sf-verification--cell-size: var(--sf-title-height-6);--sf-verification--font-size: var(--sf-text-size-1);--sf-verification--line-height: var(--sf-text-height-1)}.sf-verification--size-2,.sf-verification-form--size-2{--sf-verification--cell-size: var(--sf-title-height-7);--sf-verification--font-size: var(--sf-text-size-2);--sf-verification--line-height: var(--sf-text-height-2)}@media(forced-colors: active){.sf-verification-cell,.sf-verification-form-wrap .sf-verification{border-color:CanvasText}.sf-verification[\:has\(.sf-verification-input.focus-visible\)],.sf-verification-form-wrap .sf-verification[\:has\(input.focus-visible\)]{outline:var(--sf-px) solid Highlight;outline-offset:var(--sf-px)}.sf-verification:has(.sf-verification-input.focus-visible),.sf-verification-form-wrap .sf-verification:has(input.focus-visible){outline:var(--sf-px) solid Highlight;outline-offset:var(--sf-px)}.sf-verification[\:has\(.sf-verification-input\:focus-visible\)],.sf-verification-form-wrap .sf-verification[\:has\(input\:focus-visible\)]{outline:var(--sf-px) solid Highlight;outline-offset:var(--sf-px)}.sf-verification:has(.sf-verification-input:focus-visible),.sf-verification-form-wrap .sf-verification:has(input:focus-visible){outline:var(--sf-px) solid Highlight;outline-offset:var(--sf-px)}}}@layer sf.components{.sf-verification--filled:not(.error)[\:has\(.sf-verification-input\:enabled\:focus\)] .sf-verification-cell,.sf-verification-form--filled:not(.error)[\:has\(input\:enabled\:focus\)] .sf-verification-form-wrap .sf-verification{background:var(--sf-surface-0);border-color:var(--sf-outline)}.sf-verification--filled:not(.error):has(.sf-verification-input:enabled:focus) .sf-verification-cell,.sf-verification-form--filled:not(.error):has(input:enabled:focus) .sf-verification-form-wrap .sf-verification{background:var(--sf-surface-0);border-color:var(--sf-outline)}.sf-verification--filled:not(.error) .sf-verification-cell.current,.sf-verification--filled:not(.error)[\:has\(.sf-verification-input\:enabled\:focus\)] .sf-verification-cell.current,.sf-verification-form--filled:not(.error)[\:has\(input\:enabled\:focus\)] .sf-verification-form-wrap .sf-verification[\:has\(input\:focus\)]{border-color:var(--sf-primary)}.sf-verification--filled:not(.error) .sf-verification-cell.current,.sf-verification--filled:not(.error):has(.sf-verification-input:enabled:focus) .sf-verification-cell.current,.sf-verification-form--filled:not(.error):has(input:enabled:focus) .sf-verification-form-wrap .sf-verification:has(input:focus){border-color:var(--sf-primary)}}@layer sf.components{.sf-verification-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sf-space-1\/3)}.sf-verification-form-label{color:var(--sf-on-surface);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-text-height-1)}.sf-verification-form-hint{color:var(--sf-on-surface-variant);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1\/3);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-text-height-1\/3)}.sf-verification-form.error .sf-verification-form-hint{color:var(--sf-error)}}@layer sf.components{}

package/distr/component/verification/js/verification.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const n=e.match(/\(([^)]+)\)/g);n&&n.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const n=this.getUtilityMap();if(!n||!n[t])return;this.extractUtilityClasses(n[t]).forEach(t=>e.classList.add(t))}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(){}}const t=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},n=JSON.parse('{".sf-verification":["display/flex (.flex)","flex-direction/column (.flex-col)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}'),i=JSON.parse('{".sf-verification-form":["flex/1 (.flex-1)","display/flex (.flex)","flex-direction/column (.flex-col)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-1\\\\/3)","justify-content/flex-start (.justify-start)","align-items/flex-start (.items-start)"],".sf-verification-form .sf-verification-form-wrap":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-b0)","justify-content/flex-start (.justify-start)","align-items/center (.items-center)"]}'),a=".sf-verification-form",r=".sf-verification",s=new WeakMap;function o(e){return e instanceof Element?e.closest(a)||e:null}function l(e){return String(e?.dataset?.mode||"numeric").toLowerCase()}function c(e,t){const n=Number.parseInt(e?.dataset?.length||t?.maxLength||"6",10);return Number.isFinite(n)&&n>0?Math.min(n,12):6}function u(e,t,n){let i=String(e||"");return i="numeric"===t?i.replace(/\D/g,""):"alphanumeric"===t?i.replace(/[^a-z0-9]/gi,""):i.replace(/\s/g,""),i.slice(0,n)}function f(e){return e?.querySelector?.(".sf-verification-input")||null}function d(e){return f(e)?[]:Array.from(e?.querySelectorAll?.(`${r} input`)||[])}function m(e,t){const n=u(t.input.value,t.mode,t.length);t.input.value!==n&&(t.input.value=n),t.cells.forEach((e,i)=>{e.textContent=n[i]||"",e.classList.toggle("active",i<n.length),e.classList.toggle("current",i===Math.min(n.length,t.length-1))}),e.classList.toggle("active",Boolean(n)),n.length===t.length&&t.completedValue!==n?(t.completedValue=n,e.dispatchEvent(new CustomEvent("verification:complete",{bubbles:!0,detail:{value:n}}))):n.length<t.length&&(t.completedValue="")}function p(e,t){t.forEach(e=>{const t=e.closest(r);t?.classList.toggle("active",Boolean(e.value))})}function h(e){if(!e||s.has(e))return s.get(e);const t=f(e),n=d(e),i=t?function(e,t){const n=t.closest(r);if(!n)return null;const i=c(e,t),a=l(e);t.maxLength=i,t.inputMode||"numeric"!==a||(t.inputMode="numeric"),t.autocomplete||(t.autocomplete="one-time-code"),t.dir="ltr";let s=n.querySelector(".sf-verification-cells");s||(s=document.createElement("span"),s.className="sf-verification-cells",s.setAttribute("aria-hidden","true"),n.appendChild(s)),s.replaceChildren();const o=Array.from({length:i},()=>{const e=document.createElement("span");return e.className="sf-verification-cell",s.appendChild(e),e}),f={input:t,cells:o,length:i,mode:a,completedValue:""},d=()=>{e.classList.remove("error"),t.removeAttribute("aria-invalid"),m(e,f)},p=e=>{const n=u(e.clipboardData?.getData("text"),a,i);n&&(e.preventDefault(),t.value=n,d())},h=()=>requestAnimationFrame(()=>m(e,f));return t.addEventListener("input",d),t.addEventListener("paste",p),t.form?.addEventListener("reset",h),f.destroy=()=>{t.removeEventListener("input",d),t.removeEventListener("paste",p),t.form?.removeEventListener("reset",h)},m(e,f),f}(e,t):n.length?function(e,t){const n=l(e),i=i=>{const a=i.target;a instanceof HTMLInputElement&&(a.value=u(a.value,n,1),e.classList.remove("error"),p(0,t),a.value&&t[t.indexOf(a)+1]?.focus())},a=e=>{const i=u(e.clipboardData?.getData("text"),n,t.length);i&&(e.preventDefault(),t.forEach((e,t)=>{e.value=i[t]||""}),p(0,t),t[Math.min(i.length,t.length-1)]?.focus())},r=e=>{const n=e.target,i=t.indexOf(n);"Backspace"===e.key&&!n.value&&i>0&&(e.preventDefault(),t[i-1].value="",t[i-1].focus(),p(0,t))};return t.forEach(e=>{e.maxLength=1,e.addEventListener("input",i),e.addEventListener("keydown",r)}),e.addEventListener("paste",a),p(0,t),{inputs:t,mode:n,destroy(){t.forEach(e=>{e.removeEventListener("input",i),e.removeEventListener("keydown",r)}),e.removeEventListener("paste",a)}}}(e,n):null;return i&&s.set(e,i),i}function v(e){const t=s.get(e);t&&(t.destroy?.(),s.delete(e))}function g(e=document){e.matches?.(a)&&h(e),e.querySelectorAll?.(a).forEach(h)}function w(e){const t=o(e);if(!t)return"";const n=f(t);return n?u(n.value,l(t),c(t,n)):d(t).map(e=>e.value).join("")}function y(e,t=""){const n=o(e);if(!n)return!1;const i=h(n),a=f(n);if(a)return a.value=u(t,i.mode,i.length),m(n,i),!0;const r=d(n),s=u(t,l(n),r.length);return r.forEach((e,t)=>{e.value=s[t]||""}),p(0,r),Boolean(r.length)}const E=["1/2","1","2"],x=["numeric","alphanumeric","text"];function L(e={}){const t=E.includes(String(e.size))?String(e.size):"1",n=x.includes(String(e.mode))?String(e.mode):"numeric",i=Math.min(12,Math.max(1,Number.parseInt(e.length,10)||6));return{...e,size:t,mode:n,length:i,filled:"filled"===e.appearance||!0===e.filled}}function S(e,t){const n=document.createElement("div");n.className=`sf-verification sf-verification--size-${e.size}`,e.filled&&n.classList.add("sf-verification--filled");const i=document.createElement("input");return i.type="text",i.className="sf-verification-input",t&&(i.id=t),e.name&&(i.name=e.name),"numeric"===e.mode&&(i.inputMode="numeric"),i.autocomplete="one-time-code",i.maxLength=e.length,e.value&&(i.value=String(e.value)),e.disabled&&(i.disabled=!0),e.required&&(i.required=!0),n.append(i),n}function N(e,t={}){const n=t.class||t.className;n&&e.classList.add(...String(n).split(" ").filter(Boolean))}class b extends e{static componentName="Verification";constructor(e){super(e);const t=L(this.params||{});this.template=S(t,this.id),this.template.dataset.length=String(t.length),this.template.dataset.mode=t.mode,t.label&&this.template.querySelector("input").setAttribute("aria-label",t.label),N(this.template,this.attrs)}init(){h(this.template)}destroyInternal(){v(this.template)}}b.utilityMap=n,t("Verification",b);class C extends e{static componentName="VerificationForm";constructor(e){super(e);const t=L(this.params||{}),n=document.createElement("label");if(n.className=`sf-verification-form sf-verification-form--size-${t.size}`,t.filled&&n.classList.add("sf-verification-form--filled"),n.dataset.length=String(t.length),n.dataset.mode=t.mode,t.label){const e=document.createElement("span");e.className="sf-verification-form-label",e.textContent=t.label,n.append(e)}if(n.append(S(t,this.id)),t.hint){const e=document.createElement("span");e.className="sf-verification-form-hint",e.textContent=t.hint,n.append(e)}N(n,this.attrs),this.template=n}init(){h(this.template)}destroyInternal(){v(this.template)}}C.utilityMap=i,t("VerificationForm",C),"undefined"!=typeof window&&function(){if("single-input"===window.SF?.Verification?.contract)return window.SF.Verification;window.SF=window.SF||{};const e={contract:"single-input",initAll:g,getValue:w,setValue:y};window.SF.Verification=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>g(),{once:!0}):g(),new MutationObserver(e=>e.forEach(e=>{e.removedNodes.forEach(e=>{e instanceof Element&&(e.matches?.(a)&&v(e),e.querySelectorAll?.(a).forEach(v))}),e.addedNodes.forEach(e=>{e instanceof Element&&g(e)})})).observe(document.documentElement,{childList:!0,subtree:!0})}()})();

package/distr/component/verification/json/verification-form.utility.json

@@ -0,0 +1,19 @@
+{
+  ".sf-verification-form": [
+    "flex/1 (.flex-1)",
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/3)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-verification-form .sf-verification-form-wrap": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-b0)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/verification/json/verification.utility.json

@@ -0,0 +1,9 @@
+{
+  ".sf-verification": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/viewbox/css/viewbox.min.css

@@ -0,0 +1 @@
+_:-ms-input-placeholder, html:not([dir="rtl"]) .fit{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .fit{left:0}}.fit:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .fit{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .fit{right:0}}.fit:where(:dir(rtl)){right:0}.fit{width:100%;height:100%;position:absolute;overflow:hidden;top:0;inset-inline-start:0}.view,.sf-viewbox-wrap{overflow:hidden;position:relative;cursor:default}_:-ms-input-placeholder, html:not([dir="rtl"]) .view .sf-viewbox,html:not([dir="rtl"]) .view .mask,html:not([dir="rtl"]) .view .content,html:not([dir="rtl"]) .view .decor,html:not([dir="rtl"]) .sf-viewbox-wrap .sf-viewbox,html:not([dir="rtl"]) .sf-viewbox-wrap .mask,html:not([dir="rtl"]) .sf-viewbox-wrap .content,html:not([dir="rtl"]) .sf-viewbox-wrap .decor{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .view .sf-viewbox,html:not([dir="rtl"]) .view .mask,html:not([dir="rtl"]) .view .content,html:not([dir="rtl"]) .view .decor,html:not([dir="rtl"]) .sf-viewbox-wrap .sf-viewbox,html:not([dir="rtl"]) .sf-viewbox-wrap .mask,html:not([dir="rtl"]) .sf-viewbox-wrap .content,html:not([dir="rtl"]) .sf-viewbox-wrap .decor{left:0}}.view .sf-viewbox:where(:dir(ltr)),.view .mask:where(:dir(ltr)),.view .content:where(:dir(ltr)),.view .decor:where(:dir(ltr)),.sf-viewbox-wrap .sf-viewbox:where(:dir(ltr)),.sf-viewbox-wrap .mask:where(:dir(ltr)),.sf-viewbox-wrap .content:where(:dir(ltr)),.sf-viewbox-wrap .decor:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .view .sf-viewbox,[dir="rtl"] .view .mask,[dir="rtl"] .view .content,[dir="rtl"] .view .decor,[dir="rtl"] .sf-viewbox-wrap .sf-viewbox,[dir="rtl"] .sf-viewbox-wrap .mask,[dir="rtl"] .sf-viewbox-wrap .content,[dir="rtl"] .sf-viewbox-wrap .decor{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .view .sf-viewbox,[dir="rtl"] .view .mask,[dir="rtl"] .view .content,[dir="rtl"] .view .decor,[dir="rtl"] .sf-viewbox-wrap .sf-viewbox,[dir="rtl"] .sf-viewbox-wrap .mask,[dir="rtl"] .sf-viewbox-wrap .content,[dir="rtl"] .sf-viewbox-wrap .decor{right:0}}.view .sf-viewbox:where(:dir(rtl)),.view .mask:where(:dir(rtl)),.view .content:where(:dir(rtl)),.view .decor:where(:dir(rtl)),.sf-viewbox-wrap .sf-viewbox:where(:dir(rtl)),.sf-viewbox-wrap .mask:where(:dir(rtl)),.sf-viewbox-wrap .content:where(:dir(rtl)),.sf-viewbox-wrap .decor:where(:dir(rtl)){right:0}.view .sf-viewbox,.view .mask,.view .content,.view .decor,.sf-viewbox-wrap .sf-viewbox,.sf-viewbox-wrap .mask,.sf-viewbox-wrap .content,.sf-viewbox-wrap .decor{width:100%;height:100%;position:absolute;overflow:hidden;top:0;inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .view .sf-viewbox-video,html:not([dir="rtl"]) .sf-viewbox-wrap .sf-viewbox-video{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .view .sf-viewbox-video,html:not([dir="rtl"]) .sf-viewbox-wrap .sf-viewbox-video{left:50%}}.view .sf-viewbox-video:where(:dir(ltr)),.sf-viewbox-wrap .sf-viewbox-video:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .view .sf-viewbox-video,[dir="rtl"] .sf-viewbox-wrap .sf-viewbox-video{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .view .sf-viewbox-video,[dir="rtl"] .sf-viewbox-wrap .sf-viewbox-video{right:50%}}.view .sf-viewbox-video:where(:dir(rtl)),.sf-viewbox-wrap .sf-viewbox-video:where(:dir(rtl)){right:50%}.view .sf-viewbox-video,.sf-viewbox-wrap .sf-viewbox-video{position:absolute;top:50%;inset-inline-start:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-size:cover;transition:var(--sf-duration-slow) opacity}@media(prefers-reduced-motion: reduce){.view .sf-viewbox-video,.sf-viewbox-wrap .sf-viewbox-video{transition-duration:0s}}@media(min-aspect-ratio: 16/9){.view .sf-viewbox-video,.sf-viewbox-wrap .sf-viewbox-video{width:100%;height:auto}}.view img,.view video,.sf-viewbox-wrap img,.sf-viewbox-wrap video{display:block;position:relative}.view .sf-viewbox-hover,.sf-viewbox-wrap .sf-viewbox-hover{opacity:0}.view:hover>.sf-viewbox-hover,.sf-viewbox-wrap:hover>.sf-viewbox-hover{opacity:1}.sf-viewbox-1x1{padding-top:100%}.sf-viewbox-1x2{padding-top:200%}.sf-viewbox-2x1{padding-top:50%}.sf-viewbox-2x3{padding-top:150%}.sf-viewbox-3x1{padding-top:33.33%}.sf-viewbox-3x2{padding-top:66.66%}.sf-viewbox-3x4{padding-top:133.33%}.sf-viewbox-4x1{padding-top:25%}.sf-viewbox-4x3{padding-top:75%}

package/distr/component/wow/js/wow.min.js

@@ -0,0 +1 @@
+(()=>{var t={"87cc09cff7a3"(){var t=function(t){var i=t||{};this._boxClass=i.boxClass||"wow",this._animateClass=i.animateClass||"animated",this._offset=i.offset||0,this._mobile=void 0===i.mobile,this._live=void 0===i.live,this._seoFixEnabled=void 0===i.seoFixEnabled,this._animationDuration=i.animationDuration||"1s",this._animationDelay=i.animationDelay||"0s",this._initStorageVariables()};t.prototype._initStorageVariables=function(){this._animation=[],this._boxes=[],this._cleanupBoxListener=[],this._cleanupBoxVisibleListener=[]},t.prototype.init=function(){!this._mobile&&this._isMobile()||(this._eachBoxInit(this._prepareBox.bind(this)),this._startWow())},t.prototype._isMobile=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},t.prototype._eachBoxInit=function(t){for(var i=document.getElementsByClassName(this._boxClass),e=0;e<i.length;e++)(function(e){t(i[e],e)})(e)},t.prototype._prepareBox=function(t){var i=this._boxes.push(t)-1;this._animation[i]={animationName:t.style.animationName||window.getComputedStyle(t,null).animationName},t.style.animationName="none",t.style.visibility="hidden"},t.prototype._startWow=function(){this._live&&this._checkForChanges(),0===this._scrollY()&&this._seoFixEnabled&&this._seoFix(),this._appearInView(),this._scrollHandler()},t.prototype._scrollY=function(){return this._isInt(window.pageYOffset)?window.pageYOffset:this._isInt(document.documentElement.scrollTop)?document.documentElement.scrollTop:this._isInt(document.body.scrollTop)?document.body.scrollTop:void 0},t.prototype._isInt=function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t},t.prototype._seoFix=function(){this._showNotInView()},t.prototype._appear=function(t,i){-1===t.className.indexOf(this._animateClass)&&(delete this._boxes[i],this._onStartAnimation(t,i),this._onStopAnimation(t,i),this._animate(t,i,this._getAnimationConfig(t)))},t.prototype._onStartAnimation=function(t,i){this._cleanupBoxVisibleListener[i]=this._boxVisible.bind(this,t,i),t.addEventListener("animationstart",this._cleanupBoxVisibleListener[i]),t.addEventListener("webkitAnimationStart",this._cleanupBoxVisibleListener[i])},t.prototype._onStopAnimation=function(t,i){this._cleanupBoxListener[i]=this._cleanupBox.bind(this,t,i),t.addEventListener("animationend",this._cleanupBoxListener[i]),t.addEventListener("webkitAnimationEnd",this._cleanupBoxListener[i])},t.prototype._getAnimationConfig=function(t){return{delay:this._getDelay(t),duration:this._getDuration(t),iterations:this._getIterations(t)}},t.prototype._getDelay=function(t){return t.getAttribute("data-wow-delay")||this._animationDelay},t.prototype._getDuration=function(t){return t.getAttribute("data-wow-duration")||this._animationDuration},t.prototype._getIterations=function(t){return t.getAttribute("data-wow-iteration")||t.style.animationIterationCount||window.getComputedStyle(t,null).animationIterationCount||1},t.prototype._animate=function(t,i,e){t.style.animationDelay=e.delay,t.style.animationDuration=e.duration,t.style.animationIterationCount=e.iterations,t.style.animationName=this._animation[i].animationName,t.className+=" "+this._animateClass},t.prototype._boxVisible=function(t,i){t.style.visibility="visible",t.removeEventListener("animationstart",this._cleanupBoxVisibleListener[i]),t.removeEventListener("webkitAnimationStart",this._cleanupBoxVisibleListener[i]),delete this._cleanupBoxVisibleListener[i]},t.prototype._cleanupBox=function(t,i){t.style.animationDelay="",t.style.animationDuration="",t.style.animationIterationCount="",t.style.animationName="none",this._cleanupClass(t),t.removeEventListener("animationend",this._cleanupBoxListener[i]),t.removeEventListener("webkitAnimationEnd",this._cleanupBoxListener[i]),delete this._cleanupBoxListener[i]},t.prototype._cleanupClass=function(t){var i=t.className.split(" "),e=i.indexOf(this._animateClass);-1!==e&&(i.splice(e,1),t.className=i.join(" "))},t.prototype._eachBox=function(t){for(var i=0;i<this._boxes.length;i++){this._boxes[i]&&function(i){t(this._boxes[i],i)}.bind(this)(i)}},t.prototype._scrollHandler=function(){this._hideSeoFixListener=this._hideSeoFix.bind(this),window.addEventListener("scroll",this._hideSeoFixListener),window.addEventListener("scroll",this._appearInView.bind(this)),window.addEventListener("resize",this._appearInView.bind(this))},t.prototype._hideSeoFix=function(){window.removeEventListener("scroll",this._hideSeoFixListener),delete this._hideSeoFixListener,this._eachBox(function(t){this._isInView(t)||(t.style.visibility="hidden")}.bind(this))},t.prototype._appearInView=function(){this._eachBox(function(t,i){this._animateBox(t,i)}.bind(this))},t.prototype._animateBox=function(t,i){this._isInView(t)&&(delete this._boxes[i],this._appear(t,i))},t.prototype._showNotInView=function(){this._eachBox(function(t,i){this._makeVisible(t,i)}.bind(this))},t.prototype._makeVisible=function(t,i){this._isInView(t)||(this._boxes[i].style.visibility="visible")},t.prototype._isInView=function(t){var i=t.getAttribute("data-wow-offset")||this._offset,e=this._getElementOffset(t)+~~i;return e<=window.innerHeight+this._scrollY()&&(0===e?10:e)>=this._scrollY()},t.prototype._getElementOffset=function(t){var i=t.getBoundingClientRect(),e=document.body,n=this._scrollY(),o=document.documentElement.clientTop||e.clientTop||0,s=i.top+n-o;return Math.round(s)},t.prototype._checkForChanges=function(){var t=new(window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver)(this._mutations.bind(this)),i={childList:!0,subtree:!0};window.onload=function(){t.observe(document.body,i)}},t.prototype._mutations=function(t){t.forEach(function(t){for(var i=0;i<t.addedNodes.length;i++)this.doSync(t.addedNodes[i])}.bind(this))},t.prototype.doSync=function(t){"string"==typeof t.className&&(-1!==t.className.split(" ").indexOf(this._boxClass)&&this._prepareBox(t))},window.addEventListener("DOMContentLoaded",function(){(new t).init()})}};const i={};function e(n){const o=i[n];if(void 0!==o)return o.exports;const s=i[n]={exports:{}};return t[n](s,s.exports,e),s.exports}(()=>{"use strict";e("87cc09cff7a3")})()})();

package/distr/core/contracts/adaptive-sizing.schema.json

@@ -0,0 +1,183 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://simai.io/schema/vertical-sizing-contract-v1.json",
+  "title": "Simai Framework vertical adaptive sizing contract",
+  "type": "object",
+  "additionalProperties": false,
+  "required": [
+    "meta",
+    "modes",
+    "primitives",
+    "typography",
+    "spacing",
+    "controls",
+    "invariants",
+    "projections",
+    "scope"
+  ],
+  "properties": {
+    "$schema": { "type": "string" },
+    "meta": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": [
+        "contractId",
+        "version",
+        "unit",
+        "nominalRootPx",
+        "rootPolicy",
+        "defaultTypographyOwner"
+      ],
+      "properties": {
+        "contractId": { "const": "simai.vertical-sizing" },
+        "version": { "type": "string", "pattern": "^[0-9]+\\.[0-9]+\\.[0-9]+$" },
+        "unit": { "const": "rem" },
+        "nominalRootPx": { "const": 16 },
+        "rootPolicy": { "const": "preserve-user-agent-default" },
+        "defaultTypographyOwner": { "const": "body-or-application-shell" }
+      }
+    },
+    "modes": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["mobile", "desktop"],
+      "properties": {
+        "mobile": { "$ref": "#/$defs/mode" },
+        "desktop": { "$ref": "#/$defs/mode" }
+      }
+    },
+    "primitives": {
+      "type": "object",
+      "propertyNames": { "pattern": "^[a-i]$" },
+      "minProperties": 9,
+      "maxProperties": 9,
+      "additionalProperties": { "$ref": "#/$defs/range" }
+    },
+    "typography": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": [
+        "sizes",
+        "lineHeights",
+        "titleLineHeights",
+        "roles",
+        "flowSpacing",
+        "pairedRoles",
+        "unpairedSizeRoles"
+      ],
+      "properties": {
+        "sizes": { "$ref": "#/$defs/aliasMap" },
+        "lineHeights": { "$ref": "#/$defs/aliasMap" },
+        "titleLineHeights": { "$ref": "#/$defs/aliasMap" },
+        "roles": {
+          "type": "object",
+          "additionalProperties": false,
+          "required": ["label", "body", "heading", "display"],
+          "properties": {
+            "label": { "$ref": "#/$defs/roleMap" },
+            "body": { "$ref": "#/$defs/roleMap" },
+            "heading": { "$ref": "#/$defs/roleMap" },
+            "display": { "$ref": "#/$defs/roleMap" }
+          }
+        },
+        "flowSpacing": {
+          "type": "object",
+          "additionalProperties": false,
+          "required": ["content", "textBottom", "headingTop", "headingBottom"],
+          "properties": {
+            "content": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["text", "related", "block", "section"],
+              "properties": {
+                "text": { "type": "string", "minLength": 1 },
+                "related": { "type": "string", "minLength": 1 },
+                "block": { "type": "string", "minLength": 1 },
+                "section": { "type": "string", "minLength": 1 }
+              }
+            },
+            "textBottom": { "type": "string", "minLength": 1 },
+            "headingTop": { "type": "string", "minLength": 1 },
+            "headingBottom": { "type": "string", "minLength": 1 }
+          }
+        },
+        "pairedRoles": { "$ref": "#/$defs/roleList" },
+        "unpairedSizeRoles": { "$ref": "#/$defs/roleList" }
+      }
+    },
+    "spacing": { "$ref": "#/$defs/aliasMap" },
+    "controls": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["sizeRoles", "tightness"],
+      "properties": {
+        "sizeRoles": { "type": "object", "minProperties": 5 },
+        "tightness": { "type": "object", "minProperties": 4 }
+      }
+    },
+    "invariants": { "type": "object" },
+    "projections": { "type": "object" },
+    "scope": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["included", "excluded"],
+      "properties": {
+        "included": { "$ref": "#/$defs/roleList" },
+        "excluded": { "$ref": "#/$defs/roleList" }
+      }
+    }
+  },
+  "$defs": {
+    "mode": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["minWidthPx"],
+      "properties": {
+        "minWidthPx": { "type": "integer", "minimum": 0 }
+      }
+    },
+    "range": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["startPx", "stepPx", "count"],
+      "properties": {
+        "startPx": { "type": "integer", "minimum": 0 },
+        "stepPx": { "type": "integer", "minimum": 1 },
+        "count": { "const": 10 }
+      }
+    },
+    "alias": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["mobile", "desktop"],
+      "properties": {
+        "mobile": { "type": "string", "pattern": "^(zero|[a-i][0-9])$" },
+        "desktop": { "type": "string", "pattern": "^(zero|[a-i][0-9])$" }
+      }
+    },
+    "aliasMap": {
+      "type": "object",
+      "minProperties": 1,
+      "additionalProperties": { "$ref": "#/$defs/alias" }
+    },
+    "roleBinding": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["size", "height"],
+      "properties": {
+        "size": { "type": "string", "minLength": 1 },
+        "height": { "type": "string", "minLength": 1 }
+      }
+    },
+    "roleMap": {
+      "type": "object",
+      "minProperties": 1,
+      "additionalProperties": { "$ref": "#/$defs/roleBinding" }
+    },
+    "roleList": {
+      "type": "array",
+      "items": { "type": "string", "minLength": 1 },
+      "uniqueItems": true
+    }
+  }
+}