@simai-studio/ui 0.0.0-stage → 5.20261019.1559

package/distr/component/special/js/special.min.js

@@ -0,0 +1 @@
+(()=>{var e={"715d840bc035"(e,t){var n=o||window.SF,o=o||window.SF||{};window.SF=o||{},n&&Object.keys(n).forEach(e=>{window.SF[e]=n[e],o[e]=n[e]}),window.SF},f253d6b93335(){SF.__internal.send=async function(e,t){return new Promise(n=>{let o;if(document.createEvent)o=new Event(e,{bubbles:!0,cancelable:!1});else{if(!document.createEventObject())return void n(!0);o=document.createEventObject()}t.dispatchEvent?t.dispatchEvent(o):t.fireEvent&&t.fireEvent(e,o),n(!0)})},SF.Events=function(){this.send=function(e,t){let n;if(document.createEvent)n=document.createEvent("Events"),n.initEvent(e,!0,!1);else{if(!document.createEventObject())return;n=document.createEventObject()}t.dispatchEvent?t.dispatchEvent(n):t.fireEvent&&t.fireEvent(e,n)},this.receive=function(e,t,n){window.addEventListener?t.addEventListener(e,n,!1):window.attachEvent&&t.attachEvent(e,n)},this.hotkey=function(e){const t=[].slice.call(arguments,1);let n={};document.addEventListener("keydown",function(o){o=o||window.event,n[o.keyCode]=!0;for(let e=0;e<t.length;e++)if(!n[t[e]])return;n={},e()}),document.addEventListener("keyup",function(e){e=e||window.event,delete n[e.keyCode]})},this.quickkey=function(e,t){addEventListener("keydown",function(n){n.keyCode==t&&e(n)})},SF.Methods.call(this)}},"35142b0e629d"(){SF.Methods=function(){this.extend=function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&("[object Object]"==Object.prototype.toString.call(t[n])?this.extend(e[n],t[n]):e[n]=t[n]);return e},this.topZIndex=function(){for(var e=document.querySelectorAll("*"),t=1,n="",o=0;o<e.length;o++)n=getComputedStyle(e[o]),parseInt(n.zIndex)>t&&(t=parseInt(n.zIndex));return t},this.topZIndexElement=function(e){for(var t=1,n=!1,o="",s=0;s<e.length;s++)o=getComputedStyle(e[s]),parseInt(o.zIndex)>t&&(t=parseInt(o.zIndex),n=e[s]);return n},this.includeScript=function(e){var t=document.createElement("script");t.src=e,document.querySelector("head").appendChild(t)},this.addcss=function(e){var t=document.createElement("link");return t.rel="stylesheet",t.href=e,document.querySelector("head").appendChild(t),t},this.cookies={get:function(e){if(document.cookie.length>0){var t=document.cookie.indexOf(e+"=");if(-1!=t){t=t+e.length+1;var n=document.cookie.indexOf(";",t);return-1==n&&(n=document.cookie.length),encodeURI(document.cookie.substring(t,n))}}return""},set:function(e,t,n){var o=new Date;o.setDate(o.getDate()+n),document.cookie=e+"="+decodeURI(t)+(null==n?"":"; expires="+o.toUTCString())+"; path=/"},check:function(e){return null!=(e=this.cookie.get(e))&&""!=e}},this.bytelength=function(e){for(var t=0,n=0,o=0;o<e.length;o++)(n=e.charCodeAt(o))<=127?t++:t+=n<=2047?2:n<=65535?3:n<=2097151?4:n<=67108863?5:6;return t},this.bytelengthlimit=function(e,t){for(var n=0,o=0,s="",i=!1,c=[],a=0;a<e.length;a++)o=e.charCodeAt(a),n<=t&&(i=!0),s+=e[a],o<=127?n++:n+=o<=2047?2:o<=65535?3:o<=2097151?4:o<=67108863?5:6,(n>t&&i||i&&a==e.length-1)&&(c.push(s),s="",n=0,i=!1);return c.length>0||c.push(s),c}}},"1935cdb080e3"(){SF.Blocks=function(){var e=this;this.stack.ev("providerend")&&(this.receive("providerend",window,function(t){e.send(t.target.event,t.target)}),this.stack.events.push("providerend")),this.stack.ev("blocksstart")&&(this.receive("blocksstart",window,function(t){e.send("providerstart",t.target)}),this.stack.events.push("blocksstart"))}},a912dc962a61(){SF.Controller=function(){this.stack=SF.Controller.Stack;var e=this;SF.Events.call(this),SF.Search.call(this),SF.Blocks.call(this),SF.Provider.call(this),this.el?this.send("blocksstart",this.el):(this.stack.ev("specialinit")&&(this.receive("specialinit",window,function(e){new SF.Special(e.target,e.target.params)}),this.stack.events.push("specialinit")),this.stack.ev("searchend")&&(this.receive("searchend",window,function(t){e.send("blocksstart",t.target)}),this.send("searchstart",window),this.stack.events.push("searchend")))}},"5dcf727c65f8"(){SF.Parameters=function(){this.newparams=function(){return this.params},this.updateparams=function(e){var t=e.params,n=t.modifier,o=t.data;for(var s in n)n[s]=e.hasAttribute(o[s])?n[s]+" "+e.getAttribute(o[s]):n[s]},this.params={ajax:{events:{init:"ajaxinit",load:"endcontentload"},method:"GET",type:"html",timeout:0,async:!0,emulateOnload:!0,cache:!0},controller:{},search:{},provider:{},blocks:{special:{cookies:{specialfont:"default",specialstate:"off",specialcolor:"specialwhite",specialkegl:"16",specialinterval:"1",specialkerning:"normal",specialimage:"off",specialup:"down",specialsound:"off"},events:{init:"specialinit",create:"specialcreate",open:"specialopen",close:"specialoff",up:"specialup",soundon:"specialsoundon",soundoff:"specialsoundoff",defaultsetting:"specialdefaultsetting",fontsans:"specialfontsans",fontserif:"specialfontserif",fontmono:"specialfontmono",keglmore:"specialkeglmore",keglless:"specialkeglless",intervalone:"specialintervalone",intervalhalf:"specialintervalhalf",intervaltwo:"specialintervaltwo",imageoff:"specialimageoff",imageblack:"specialimageblack",imagecolor:"specialimagecolor",colorwhite:"specialcolorwhite",colorblack:"specialcolorblack",coloryellow:"specialcoloryellow",colorblue:"specialcolorblue",colorgreen:"specialcolorgreen",kerningnormal:"specialkerningnormal",kerningmiddle:"specialkerningmiddle",kerningbig:"specialkerningbig"},data:{init:"sf-special",panel:"sf-special-panel",kegl:"sf-special-kegl",interval:"sf-special-interval",color:"sf-special-color",img:"sf-special-img",on:"sf-special-on"},attributes:{},modifier:{panel:"special-panel flex items-cross-start content-main-center flex-wrap flex-row w-full",font:"flex items-cross-center content-main-center flex-col",kegl:"flex items-cross-center content-main-center flex-col",interval:"flex items-cross-center content-main-center flex-col",kerning:"flex items-cross-center content-main-center flex-col",color:"flex items-cross-center content-main-center flex-col",img:"flex items-cross-center content-main-center flex-col",onoff:"flex items-cross-center content-main-center flex-col",sound:"flex items-cross-center content-main-center flex-col",black:"sf-special-black",white:"sf-special-white",yellow:"sf-special-yellow",blue:"sf-special-blue",green:"sf-special-green",specialsoundscript:"https://webasr.yandex.net/jsapi/v1/webspeechkit.js"}},ajaxload:{load:'<div class="sf-progress"><div class="sf-progress-animation"></div></div>',events:{init:"ajaxloadinit",cancel:"ajaxloadcanceltrack",create:"ajaxloadcreate"},data:{init:"sf-ajaxload",src:"sf-src",cancel:"sf-canceltrack",loaded:"sf-ajaxloaded"},attributes:{},modifier:{src:""}}}}}},"67345c14abf1"(){SF.Provider=function(){this.special=function(e){function t(){switch(i.cookies.get("specialcolor")){case"specialwhite":return BX.message("SF_SPECIAL__SPECIAL_WHITE");case"specialblack":return BX.message("SF_SPECIAL__SPECIAL_BLACK");case"specialyellow":return BX.message("SF_SPECIAL__SPECIAL_YELLOW");case"specialblue":return BX.message("SF_SPECIAL__SPECIAL_BLUE");case"specialgreen":return BX.message("SF_SPECIAL__SPECIAL_GREEN")}return BX.message("SF_SPECIAL__SPECIAL_WHITE")}function n(){var e=i.cookies.get("specialkegl");return""!=e?e+BX.message("SF_SPECIAL__SPECIAL_KEGL"):BX.message("SF_SPECIAL__KEGL_16")}function o(){switch(i.cookies.get("specialimage")){case"off":return BX.message("SF_SPECIAL__IMG_OFF");case"onblack":return BX.message("SF_SPECIAL__IMG_ON_BLACK");case"oncolor":return BX.message("SF_SPECIAL__IMG_ON_COLOR")}return BX.message("SF_SPECIAL__IMG_ON_COLOR")}function s(){switch(i.cookies.get("specialinterval")){case"1":return BX.message("SF_SPECIAL__INTERVAL_1_0");case"1.5":return BX.message("SF_SPECIAL__INTERVAL_1_5");case"2.0":return BX.message("SF_SPECIAL__INTERVAL_2_0")}return BX.message("SF_SPECIAL__INTERVAL_1_0")}this.selectkerning=()=>{switch(this.cookies.get("specialkerning")){case"normal":return BX.message("SF_SPECIAL__KERNING_NORMAL");case"middle":return BX.message("SF_SPECIAL__KERNING_MIDDLE");case"big":return BX.message("SF_SPECIAL__KERNING_BIG")}return BX.message("SF_SPECIAL__KERNING_NORMAL")},this.changeStateAlt=e=>{"off"==e?document.querySelectorAll(".sf-special-hidden").forEach(e=>{e.classList.remove("sf-special-hidden"),e.classList.add("sf-special-show")}):"onblack"!=e&&"oncolor"!=e||document.querySelectorAll(".sf-special-show").forEach(e=>{e.classList.add("sf-special-hidden"),e.classList.remove("sf-special-show")})},this.buttonColorStyle=(e,t)=>{e.className=t.class,e.style.setProperty("background-color",t.backgroundColor?t.backgroundColor:"#FFF","important"),e.style.setProperty("border-color",t.borderColor?t.borderColor:"#d1d5da","important"),e.style.setProperty("color",t.color?t.color:"#000","important"),e.style.setProperty("line-height",1,"important"),e.style.setProperty("letter-spacing","normal","important"),e.style.fontSize=t.fontSize?t.fontSize:".875em",e.style.padding="0.75em 1em",e.style.borderTopRightRadius=t.borderTopRightRadius?t.borderTopRightRadius:0,e.style.borderBottomRightRadius=t.borderBottomRightRadius?t.borderBottomRightRadius:0,e.style.borderTopLeftRadius=t.borderTopLeftRadius?t.borderTopLeftRadius:0,e.style.borderBottomLeftRadius=t.borderBottomLeftRadius?t.borderBottomLeftRadius:0,e.innerText=t.text,e.title=t.title,e.addEventListener("mouseover",()=>{e.classList.contains("sf-special-btn--noclick")||(e.style.boxShadow=`0 0px 0px 4px ${t.boxShadowColor?t.boxShadowColor:"lightgrey"}`,e.style.zIndex=1,e.style.borderWidth=0)}),e.addEventListener("mouseout",()=>{e.classList.contains("sf-special-btn--noclick")||(e.style.boxShadow="none",e.style.zIndex="auto")}),e.addEventListener("focus",()=>{e.style.outline="none"})},this.addbtn=(e,t)=>{e.className=t.class,e.style.setProperty("background-color",t.backgroundColor?t.backgroundColor:"#FFF","important"),e.style.setProperty("border-color",t.borderColor?t.borderColor:"#d1d5da","important"),e.style.setProperty("line-height",1,"important"),e.style.setProperty("letter-spacing","normal","important"),e.addEventListener("mouseover",()=>{e.classList.contains("sf-special-btn--noclick")||e.style.setProperty("background-color",t.backgroundColorHover?t.backgroundColorHover:"#d1d5da","important")}),e.addEventListener("mouseout",()=>{e.classList.contains("sf-special-btn--noclick")||e.style.setProperty("background-color",t.backgroundColor?t.backgroundColor:"#FFF","important")}),e.addEventListener("focus",()=>{e.style.outline="none"}),e.style.setProperty("color",t.color?t.color:"#000","important"),e.style.fontSize=t.fontSize?t.fontSize:".875em",e.style.padding=".75em 1em",e.innerHTML=t.text,e.title=t.title},this.setLocalStatusStyle=(e=!1,t=!1,n=()=>{})=>{e.status.className=t,e.status.style.setProperty("margin-top","0.75em","important"),e.status.style.setProperty("letter-spacing","normal","important"),e.status.style.setProperty("line-height",1,"important"),e.status.style.fontSize=".875em",e.status.style.setProperty("color","#000","important"),e.status.innerText=n()},this.setLocalNameStyle=(e=!1,t=!1,n=!1)=>{e.name.className=t,e.name.style.fontSize=".875em",e.name.style.setProperty("margin-bottom",".75em","important"),e.name.style.setProperty("color","#000","important"),e.name.style.setProperty("letter-spacing","normal","important"),e.name.style.setProperty("line-height",1,"important"),e.name.innerText=n};var i=this,c=e.target.params,a={font:{name:{},content:{btnsans:{},btnserif:{},btnmono:{}},status:{}},kegl:{name:{},content:{btnmore:{},btnless:{}},status:{}},interval:{name:{},content:{btnone:{},btnhalf:{},btntwo:{}},status:{}},kerning:{name:{},content:{btnnormal:{},btnmiddle:{},btnbig:{}},status:{}},color:{name:{},content:{btnwhite:{},btnblack:{},btnyellow:{},btnblue:{},btngreen:{}},status:{}},img:{name:{},content:{btnoff:{},btnbw:{},btncolor:{}},status:{}},sound:{name:{},content:{btnon:{},btnoff:{}},status:{},play:{}},onoff:{name:{},content:{btnup:{},btndefault:{},btnonoff:{}},status:{}}};return(a=document.createElement("nav")).className=c.modifier.panel,a.style.setProperty("border-bottom","1px solid #D1D5DA","important"),a.style.setProperty("font-size","16px","important"),a.setAttribute("sf-special-panel",""),a.classList.add("relative"),a.style.setProperty("background-color","#fff","important"),a.style.transition="margin-top 1s ease",a.font=document.createElement("div"),a.font.className=c.modifier.font,a.font.style.setProperty("padding","1em","important"),a.font.name=document.createElement("div"),a.font.content=document.createElement("div"),a.font.status=document.createElement("div"),this.setLocalNameStyle(a.font,"font-text",BX.message("SF_SPECIAL__FONT")),a.font.appendChild(a.font.name),a.font.content.style.setProperty("border-color","#d1d5da","important"),a.font.content.classList.add("font-content","flex","border-1","radius-3","overflow-hidden"),a.font.content.btnsans=document.createElement("button"),a.font.content.btnserif=document.createElement("button"),a.font.content.btnmono=document.createElement("button"),this.addbtn(a.font.content.btnsans,{class:"cursor-pointer line-none border-inline-end-1 focus:outline-0 appearance-none",text:"Arial",title:BX.message("SF_SPECIAL__BTN_SANS_ARIAL")}),a.font.content.btnsans.addEventListener("click",function(){i.send(c.events.fontsans,a.font.content.btnsans),a.font.status.innerText=BX.message("SF_SPECIAL__BTN_SANS")}),this.addbtn(a.font.content.btnserif,{class:"cursor-pointer line-none border-inline-end-1 focus:outline-0 appearance-none",text:"Times",title:BX.message("SF_SPECIAL__BTN_SERIF_TIMES")}),a.font.content.btnserif.addEventListener("click",function(){i.send(c.events.fontserif,a.font.content.btnserif),a.font.status.innerHTML=BX.message("SF_SPECIAL__BTN_SERIF")}),this.addbtn(a.font.content.btnmono,{class:"cursor-pointer line-none focus:outline-0 appearance-none",text:"Courier",title:BX.message("SF_SPECIAL__BTN_MONO_COURIER")}),a.font.content.btnmono.addEventListener("click",function(){i.send(c.events.fontmono,a.font.content.btnmono),a.font.status.innerHTML=BX.message("SF_SPECIAL__BTN_MONO")}),this.setLocalStatusStyle(a.font,"status-text",function(){switch(i.cookies.get("specialfont")){case"default":return BX.message("SF_SPECIAL__FONT_DEFAULT");case"sans":return BX.message("SF_SPECIAL__FONT_SANS");case"serif":return BX.message("SF_SPECIAL__FONT_SERIF");case"mono":return BX.message("SF_SPECIAL__FONT_MONO")}return BX.message("SF_SPECIAL__FONT_DEFAULT")}),a.font.content.appendChild(a.font.content.btnsans),a.font.content.appendChild(a.font.content.btnserif),a.font.content.appendChild(a.font.content.btnmono),a.font.appendChild(a.font.content),a.font.appendChild(a.font.status),a.appendChild(a.font),a.kegl=document.createElement("div"),a.kegl.className=c.modifier.kegl,a.kegl.style.setProperty("padding","1em","important"),a.kegl.name=document.createElement("div"),a.kegl.content=document.createElement("div"),a.kegl.status=document.createElement("div"),a.kegl.content.style.setProperty("border-color","#d1d5da","important"),this.setLocalNameStyle(a.kegl,"kegl-text",BX.message("SF_SPECIAL__KEGL")),a.kegl.appendChild(a.kegl.name),a.kegl.content.classList.add("kegl-content","flex","border-1","radius-3","overflow-hidden"),a.kegl.content.btnmore=document.createElement("button"),a.kegl.content.btnless=document.createElement("button"),this.addbtn(a.kegl.content.btnmore,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:"A-",title:BX.message("SF_SPECIAL__BTN_MORE")}),a.kegl.content.btnmore.addEventListener("click",function(){i.send(c.events.keglmore,a.kegl.content.btnmore),a.kegl.status.innerText=n()}),this.addbtn(a.kegl.content.btnless,{class:"cursor-pointer line-none focus:outline-0 appearance-none",text:"A+",title:BX.message("SF_SPECIAL__BTN_LESS")}),a.kegl.content.btnless.addEventListener("click",function(){i.send(c.events.keglless,a.kegl.content.btnless),a.kegl.status.innerText=n()}),this.setLocalStatusStyle(a.kegl,"status-name",n),a.kegl.content.appendChild(a.kegl.content.btnmore),a.kegl.content.appendChild(a.kegl.content.btnless),a.kegl.appendChild(a.kegl.content),a.kegl.appendChild(a.kegl.status),a.appendChild(a.kegl),a.kerning=document.createElement("div"),a.kerning.className=c.modifier.kerning,a.kerning.style.setProperty("padding","1em","important"),a.kerning.name=document.createElement("div"),a.kerning.content=document.createElement("div"),a.kerning.status=document.createElement("div"),this.setLocalNameStyle(a.kerning,"name-text",BX.message("SF_SPECIAL__KERNING")),a.kerning.appendChild(a.kerning.name),a.kerning.content.style.setProperty("border-color","#d1d5da","important"),a.kerning.content.classList.add("kerning-content","flex","border-1","radius-3","overflow-hidden"),this.setLocalStatusStyle(a.kerning,"status-text",this.selectkerning),a.kerning.content.btnnormal=document.createElement("button"),a.kerning.content.btnmiddle=document.createElement("button"),a.kerning.content.btnbig=document.createElement("button"),this.addbtn(a.kerning.content.btnnormal,{class:"cursor-pointer focus:outline-0 appearance-none border-inline-end-1",text:"1.0",title:BX.message("SF_SPECIAL__BTN_NORMAL")}),a.kerning.content.btnnormal.addEventListener("click",function(){i.send(c.events.kerningnormal,a.kerning.content.btnnormal),a.kerning.status.innerHTML=i.selectkerning()}),this.addbtn(a.kerning.content.btnmiddle,{class:"cursor-pointer focus:outline-0 appearance-none border-inline-end-1",text:"1.5",title:BX.message("SF_SPECIAL__BTN_MIDDLE")}),a.kerning.content.btnmiddle.addEventListener("click",function(){i.send(c.events.kerningmiddle,a.kerning.content.btnmiddle),a.kerning.status.innerHTML=i.selectkerning()}),this.addbtn(a.kerning.content.btnbig,{class:"cursor-pointer focus:outline-0 appearance-none",text:"2.0",title:BX.message("SF_SPECIAL__BTN_BIG")}),a.kerning.content.btnbig.addEventListener("click",function(){i.send(c.events.kerningbig,a.kerning.content.btnbig),a.kerning.status.innerHTML=i.selectkerning()}),a.kerning.content.appendChild(a.kerning.content.btnnormal),a.kerning.content.appendChild(a.kerning.content.btnmiddle),a.kerning.content.appendChild(a.kerning.content.btnbig),a.kerning.appendChild(a.kerning.content),a.kerning.appendChild(a.kerning.status),a.appendChild(a.kerning),a.interval=document.createElement("div"),a.interval.className=c.modifier.interval,a.interval.style.setProperty("padding","1em","important"),a.interval.name=document.createElement("div"),this.setLocalNameStyle(a.interval,"kegl-text",BX.message("SF_SPECIAL__INTERVAL")),a.interval.appendChild(a.interval.name),a.interval.content=document.createElement("div"),a.interval.status=document.createElement("div"),a.interval.content.style.setProperty("border-color","#d1d5da","important"),a.interval.content.classList.add("interval-content","flex","border-1","radius-3","overflow-hidden"),a.interval.content.btnone=document.createElement("button"),a.interval.content.btnhalf=document.createElement("button"),a.interval.content.btntwo=document.createElement("button"),this.addbtn(a.interval.content.btnone,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:"1.0",title:BX.message("SF_SPECIAL__BTN_ONE")}),a.interval.content.btnone.addEventListener("click",function(){i.send(c.events.intervalone,a.interval.content.btnone),a.interval.status.innerHTML=s()}),this.addbtn(a.interval.content.btnhalf,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:"1.5",title:BX.message("SF_SPECIAL__BTN_HALF")}),a.interval.content.btnhalf.addEventListener("click",function(){i.send(c.events.intervalhalf,a.interval.content.btnhalf),a.interval.status.innerHTML=s()}),this.addbtn(a.interval.content.btntwo,{class:"cursor-pointer line-none focus:outline-0 appearance-none",text:"2.0",title:BX.message("SF_SPECIAL__BTN_TWO")}),a.interval.content.btntwo.addEventListener("click",function(){i.send(c.events.intervaltwo,a.interval.content.btntwo),a.interval.status.innerHTML=s()}),this.setLocalStatusStyle(a.interval,"status-text",s),a.interval.content.appendChild(a.interval.content.btnone),a.interval.content.appendChild(a.interval.content.btnhalf),a.interval.content.appendChild(a.interval.content.btntwo),a.interval.appendChild(a.interval.content),a.interval.appendChild(a.interval.status),a.appendChild(a.interval),a.color=document.createElement("div"),a.color.className=c.modifier.color,a.color.style.setProperty("padding","1em","important"),a.color.name=document.createElement("div"),this.setLocalNameStyle(a.color,"color-text",BX.message("SF_SPECIAL__COLOR")),a.color.appendChild(a.color.name),a.color.content=document.createElement("div"),a.color.status=document.createElement("div"),a.color.content.classList.add("color-content","flex"),a.color.content.style.boxShadow="0 1px 2px 1px rgb(0,0,0,0.1)",a.color.content.style.borderRadius="6px",this.setLocalStatusStyle(a.color,"status-text",t),a.color.status.innerText=t()+BX.message("SF_SPECIAL__SCHEMA"),a.color.content.btnwhite=document.createElement("button"),a.color.content.btnblack=document.createElement("button"),a.color.content.btnyellow=document.createElement("button"),a.color.content.btnblue=document.createElement("button"),a.color.content.btngreen=document.createElement("button"),this.buttonColorStyle(a.color.content.btnwhite,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-0 transition-shadow",backgroundColor:"#FFF",color:"#000",padding:"12px",borderTopLeftRadius:"6px",borderBottomLeftRadius:"6px",text:"C",title:BX.message("SF_SPECIAL__BTN_WHITE")}),this.setColorTheme=(e,n)=>{this.cookies.get("specialcolor")!=c.events[`color${e}`]&&(this.send(c.events[`color${e}`],n),a.color.status.innerText=t()+BX.message("SF_SPECIAL__SCHEMA"))},a.color.content.btnwhite.addEventListener("click",this.setColorTheme.bind(this,"white",a.color.content.btnwhite)),this.buttonColorStyle(a.color.content.btnblack,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-0 transition",backgroundColor:"#000",color:"#FFF",borderColor:"#000",padding:"12px",text:"C",title:BX.message("SF_SPECIAL__BTN_BLACK")}),a.color.content.btnblack.addEventListener("click",this.setColorTheme.bind(this,"black",a.color.content.btnblack)),this.buttonColorStyle(a.color.content.btnyellow,{class:"cursor-pointer focus:outline-0 appearance-none border-0 transition-shadow",backgroundColor:"#FF0",color:"#000",borderColor:"#FF0",padding:"12px",text:"C",title:BX.message("SF_SPECIAL__BTN_YELLOW")}),a.color.content.btnyellow.addEventListener("click",this.setColorTheme.bind(this,"yellow",a.color.content.btnyellow)),this.buttonColorStyle(a.color.content.btnblue,{class:"cursor-pointer focus:outline-0 appearance-none border-0 transition-shadow",backgroundColor:"#9fd7ff",color:"#000",borderColor:"#9fd7ff",padding:"12px",text:"C",title:BX.message("SF_SPECIAL__BTN_BLUE")}),a.color.content.btnblue.addEventListener("click",this.setColorTheme.bind(this,"blue",a.color.content.btnblue)),this.buttonColorStyle(a.color.content.btngreen,{class:"cursor-pointer focus:outline-0 appearance-none border-0 transition-shadow",backgroundColor:"#a9dd38",color:"#000",borderColor:"#a9dd38",padding:"12px",borderTopRightRadius:"6px",borderBottomRightRadius:"6px",text:"C",title:BX.message("SF_SPECIAL__BTN_GREEN")}),a.color.content.btngreen.addEventListener("click",this.setColorTheme.bind(this,"green",a.color.content.btngreen)),a.color.content.appendChild(a.color.content.btnwhite),a.color.content.appendChild(a.color.content.btnblack),a.color.content.appendChild(a.color.content.btnyellow),a.color.content.appendChild(a.color.content.btnblue),a.color.content.appendChild(a.color.content.btngreen),a.color.appendChild(a.color.content),a.color.appendChild(a.color.status),a.appendChild(a.color),a.img=document.createElement("div"),a.img.className=c.modifier.img,a.img.style.setProperty("padding","1em","important"),a.img.name=document.createElement("div"),this.setLocalNameStyle(a.img,"image-text",BX.message("SF_SPECIAL__IMG")),a.img.appendChild(a.img.name),a.img.content=document.createElement("div"),a.img.status=document.createElement("div"),this.setLocalStatusStyle(a.img,"status-text",o),a.img.content.style.setProperty("border-color","#d1d5da","important"),a.img.content.classList.add("img-content","flex","border-1","radius-3","overflow-hidden"),a.img.content.btnoff=document.createElement("button"),a.img.content.btnbw=document.createElement("button"),a.img.content.btncolor=document.createElement("button"),this.addbtn(a.img.content.btnoff,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:BX.message("SF_SPECIAL__BTN_OFF_TEXT"),title:BX.message("SF_SPECIAL__BTN_OFF")}),a.img.content.btnoff.addEventListener("click",function(){i.send(c.events.imageoff,a.img.content.btnoff),a.img.status.innerHTML=o(),i.changeStateAlt("off")}),this.addbtn(a.img.content.btnbw,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:BX.message("SF_SPECIAL__BTN_BW_TEXT"),title:BX.message("SF_SPECIAL__IMG_BTN_BW")}),a.img.content.btnbw.addEventListener("click",function(){i.send(c.events.imageblack,a.img.content.btnbw),a.img.status.innerHTML=o(),i.changeStateAlt("onblack")}),this.addbtn(a.img.content.btncolor,{class:"cursor-pointer line-none focus:outline-0 appearance-none",text:BX.message("SF_SPECIAL__IMG_BTN_COLOR_TEXT"),title:BX.message("SF_SPECIAL__IMG_BTN_COLOR")}),a.img.content.btncolor.addEventListener("click",function(){i.send(c.events.imagecolor,a.img.content.btncolor),a.img.status.innerHTML=o(),i.changeStateAlt("oncolor")}),a.img.content.appendChild(a.img.content.btnoff),a.img.content.appendChild(a.img.content.btnbw),a.img.content.appendChild(a.img.content.btncolor),a.img.appendChild(a.img.content),a.img.appendChild(a.img.status),a.appendChild(a.img),a.onoff=document.createElement("div"),a.onoff.className=c.modifier.onoff,a.onoff.style.setProperty("padding","1em","important"),a.onoff.name=document.createElement("div"),this.setLocalNameStyle(a.onoff,"onoff-text",BX.message("SF_SPECIAL__PANEL")),a.onoff.appendChild(a.onoff.name),a.onoff.content=document.createElement("div"),a.onoff.content.style.setProperty("border-color","#d1d5da","important"),a.onoff.content.classList.add("onoff-content","flex","border-1","radius-3","overflow-hidden"),a.onoff.content.btnup=document.createElement("button"),a.onoff.content.btndefault=document.createElement("button"),a.onoff.content.btnonoff=document.createElement("button"),this.addbtn(a.onoff.content.btndefault,{class:"cursor-pointer line-none focus:outline-0 appearance-none border-inline-end-1",text:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" style="width:1em;height:1em"><path d="M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5c0 0 0 0 0 0H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v7.6 .7V440c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2s-12.5-14.8-22.2-14.8H48.4h-.7H40c-13.3 0-24 10.7-24 24z"/></svg>',title:BX.message("SF_SPECIAL__BTN_DEFAULT")}),a.onoff.content.btndefault.addEventListener("click",function(){i.send(c.events.defaultsetting,a)}),this.addbtn(a.onoff.content.btnonoff,{class:"cursor-pointer focus:outline-0 appearance-none",text:BX.message("SF_SPECIAL__BTN_OFF_TEXT"),title:BX.message("SF_SPECIAL__BTN_OFF")}),a.onoff.content.btnonoff.addEventListener("click",function(){i.send(c.events.close,a),i.changeStateAlt("onblack")}),this.addbtn(a.onoff.content.btnup,{class:"cursor-pointer focus:outline-0 appearance-none",text:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" style="width:1em;height:1em"><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg>',title:BX.message("SF_SPECIAL__BTN_UP")}),a.onoff.content.btnup.classList.add("absolute","bottom-0","inline-end-0","radius-none"),a.onoff.content.btnup.style.borderBottom="0 solid black","down"==i.cookies.get("specialup")?(a.style.marginTop=`-${a.clientHeight}px`,a.onoff.content.btnup.style.bottom="-"+a.onoff.content.btnup.clientHeight+"px",a.onoff.content.btnup.style.transform="rotate(180deg)",i.cookies.set("specialup","up",7)):(a.style.marginTop="0",a.onoff.content.btnup.style.bottom="0",a.onoff.content.btnup.style.transform="rotate(0deg)",i.cookies.set("specialup","down",7)),a.onoff.content.btnup.addEventListener("click",this.send.bind(this,c.events.up,a)),a.onoff.content.appendChild(a.onoff.content.btndefault),a.onoff.content.appendChild(a.onoff.content.btnonoff),a.onoff.appendChild(a.onoff.content),a.appendChild(a.onoff),a.appendChild(a.onoff.content.btnup),a},this.providercreate=function(e){var t=e.target.blocks,n=e.target,o=n.params;switch(t){case"special":n.special=this.special(e),n.event=o.events.init,this.send("providerend",n);break;case"ajaxload":n.event=o.events.init,this.send("providerend",n)}};var e=this;this.stack.ev("providerstart")&&(this.receive("providerstart",window,function(t){e.providercreate(t)}),this.stack.events.push("providerstart"))}},"8b84d027b9f0"(){SF.Search=function(){this.search=function(){for(var e=document.body.querySelectorAll("*"),t=0;t<e.length;t++){var n=new SF.Parameters,o=n.newparams();for(var s in o.blocks){var i=e[t],c=o.blocks[s];if(i.hasAttribute(c.data.init)){for(var a=0,l=0;l<this.stack.el.length;l++)this.stack.el[l]==i&&a++;0==a&&(i.blocks=s,i.params=c,n.updateparams(i),this.send("searchend",i))}}}},this.searchdata=function(e){for(var t=e.querySelectorAll("*"),n=0;n<t.length;n++){var o=new SF.Parameters,s=o.newparams();for(var i in s.blocks){var c=t[n],a=s.blocks[i];if(c.hasAttribute(a.data.init)){for(var l=0,r=0;r<this.stack.el.length;r++)this.stack.el[r]==c&&l++;0==l&&(c.blocks=i,c.params=a,o.updateparams(c),this.send("searchend",c))}}}};var e=this;!this.stack&&SF.Controller&&(this.stack=SF.Controller.Stack),this.stack&&"function"==typeof this.receive&&this.stack.ev("searchstart")&&(this.receive("searchstart",window,function(){e.search()}),this.stack.events.push("searchstart"))}},d604676a9b24(){SF.Controller.Stack={el:[],events:[],log:[]},window.stack=SF.Controller.stack,SF.Controller.Stack.extend=function(e,t){var n=0;for(var o in t){if(e.length>0)for(var s=0;s<e.length;s++)e[s]==t[o]&&n++;0==n&&e.push(t[o]),n=0}return e},SF.Controller.Stack.addevents=function(e){for(var t=this.stack.events,n=0,o=0;o<t.length;o++)t[o]==e&&n++;0==n&&t.push(e)},SF.Controller.Stack.ev=function(e){for(var t=this.events,n=0,o=0;o<t.length;o++)t[o]==e&&n++;return 0===n}},"003c85f0f0fb"(){SF.Special=function(e,t){this.updateparam=e=>{for(var t in e)n.cookies.get(t)&&(e[t]=n.cookies.get(t));return e},SF.Events.call(this),this.el=e;var n=this,o=(new SF.Parameters).newparams(),s=this.extend(o.blocks.special,t);this.stack=SF.Controller.Stack,this.html=document.documentElement;var i=document.documentElement,c=document.body,a=document.querySelector('[data-name*="sf-service-top-area"]');this.el&&(this.el.blocks="special",this.el.params=s),s.cookies=this.updateparam(s.cookies),this.close=()=>{this.send(this.el.params.events.soundoff,window),this.send(this.el.params.events.defaultsetting,this.el),this.html.classList.remove("special"),this.el.special.remove(),this.cookies.set("specialstate","off",7)},this.stack.ev(s.events.close)&&(this.receive(this.el.params.events.close,window,this.close.bind(this)),this.stack.events.push(s.events.close)),this.stack.ev(s.events.open)&&(this.receive(s.events.open,window,function(t){switch(n.cookies.set("specialstate","on",7),n.updateparam(s.cookies),a.prepend(n.el.special),i.classList.add("special"),s.cookies.specialfont){case"sans":n.send(s.events.fontsans,t.target);break;case"serif":n.send(s.events.fontserif,t.target);break;case"mono":n.send(s.events.fontmono,t.target)}switch(s.cookies.specialkerning){case"normal":default:n.send(s.events.kerningnormal,t.target);break;case"middle":n.send(s.events.kerningmiddle,t.target);break;case"big":n.send(s.events.kerningbig,t.target)}switch(s.cookies.specialinterval){case"1":default:n.send(s.events.intervalone,t.target);break;case"1.5":n.send(s.events.intervalhalf,t.target);break;case"2.0":n.send(s.events.intervaltwo,t.target)}switch(s.cookies.specialcolor){case"specialwhite":default:n.send(s.events.colorwhite,e.special.color.content.btnwhite);break;case"specialblack":n.send(s.events.colorblack,e.special.color.content.btnblack);break;case"specialyellow":n.send(s.events.coloryellow,e.special.color.content.btnyellow);break;case"specialblue":n.send(s.events.colorblue,e.special.color.content.btnblue);break;case"specialgreen":n.send(s.events.colorgreen,e.special.color.content.btngreen)}switch(i.style.fontSize=s.cookies.specialkegl+"px",c.style.fontSize=s.cookies.specialkegl+"px",s.cookies.specialimage){case"off":n.send(s.events.imageoff,t.target);break;case"oncolor":n.send(s.events.imagecolor,t.target);break;case"onblack":n.send(s.events.imageblack,t.target)}var o=n.cookies.get("specialimage");"off"==o?document.querySelectorAll(".sf-special-hidden").forEach(e=>{e.classList.remove("sf-special-hidden"),e.classList.add("sf-special-show")}):"onblack"!=o&&"oncolor"!=o||document.querySelectorAll(".sf-special-show").forEach(e=>{e.classList.add("sf-special-hidden"),e.classList.remove("sf-special-show")});var l=document.body.querySelector("[sf-special-panel]");"on"==s.cookies.specialsound&&n.send(s.events.soundon,l)}),this.stack.events.push(s.events.open)),this.stack.ev(s.events.fontsans)&&(this.receive(s.events.fontsans,window,()=>{i.classList.add("special-font-sans"),i.classList.remove("special-font-serif"),i.classList.remove("special-font-mono"),e.special.font.content.btnsans.style.setProperty("background-color","#d1d5da","important"),e.special.font.content.btnserif.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnmono.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnsans.classList.add("sf-special-btn--noclick"),e.special.font.content.btnserif.classList.remove("sf-special-btn--noclick"),e.special.font.content.btnmono.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialfont","sans",7)}),this.stack.events.push(s.events.fontsans)),this.stack.ev(s.events.fontserif)&&(this.receive(s.events.fontserif,window,()=>{i.classList.remove("special-font-sans"),i.classList.add("special-font-serif"),i.classList.remove("special-font-mono"),e.special.font.content.btnsans.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnserif.style.setProperty("background-color","#d1d5da","important"),e.special.font.content.btnmono.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnsans.classList.remove("sf-special-btn--noclick"),e.special.font.content.btnserif.classList.add("sf-special-btn--noclick"),e.special.font.content.btnmono.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialfont","serif",7)}),this.stack.events.push(s.events.fontserif)),this.stack.ev(s.events.fontmono)&&(this.receive(s.events.fontmono,window,function(){i.classList.remove("special-font-sans"),i.classList.remove("special-font-serif"),i.classList.add("special-font-mono"),e.special.font.content.btnsans.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnserif.style.setProperty("background-color","#FFF","important"),e.special.font.content.btnmono.style.setProperty("background-color","#d1d5da","important"),e.special.font.content.btnsans.classList.remove("sf-special-btn--noclick"),e.special.font.content.btnserif.classList.remove("sf-special-btn--noclick"),e.special.font.content.btnmono.classList.add("sf-special-btn--noclick"),n.cookies.set("specialfont","mono",7)}),this.stack.events.push(s.events.fontmono)),this.stack.ev(s.events.keglless)&&(this.receive(s.events.keglless,window,function(){if(n.updateparam(s.cookies),s.cookies.specialkegl<24){var e=Number(s.cookies.specialkegl);e++,i.style.fontSize=e+"px",c.style.fontSize=e+"px",n.cookies.set("specialkegl",e,7)}}),this.stack.events.push(s.events.keglless)),this.stack.ev(s.events.keglmore)&&(this.receive(s.events.keglmore,window,function(){if(n.updateparam(s.cookies),s.cookies.specialkegl>14){var e=Number(s.cookies.specialkegl);e--,i.style.fontSize=e+"px",c.style.fontSize=e+"px",n.cookies.set("specialkegl",e,7)}}),this.stack.events.push(s.events.keglmore)),this.stack.ev(s.events.kerningnormal)&&(this.receive(s.events.kerningnormal,window,function(){n.updateparam(s.cookies),i.classList.remove("special-kerning-middle"),i.classList.remove("special-kerning-big"),e.special.kerning.content.btnnormal.style.setProperty("background-color","#d1d5da","important"),e.special.kerning.content.btnmiddle.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnbig.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnnormal.classList.add("sf-special-btn--noclick"),e.special.kerning.content.btnmiddle.classList.remove("sf-special-btn--noclick"),e.special.kerning.content.btnbig.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialkerning","normal",7)}),this.stack.events.push(s.events.kerningnormal)),this.stack.ev(s.events.kerningmiddle)&&(this.receive(s.events.kerningmiddle,window,function(){n.updateparam(s.cookies),i.classList.add("special-kerning-middle"),i.classList.remove("special-kerning-big"),e.special.kerning.content.btnnormal.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnmiddle.style.setProperty("background-color","#d1d5da","important"),e.special.kerning.content.btnbig.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnnormal.classList.remove("sf-special-btn--noclick"),e.special.kerning.content.btnmiddle.classList.add("sf-special-btn--noclick"),e.special.kerning.content.btnbig.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialkerning","middle",7)}),this.stack.events.push(s.events.kerningmiddle)),this.stack.ev(s.events.kerningbig)&&(this.receive(s.events.kerningbig,window,function(){n.updateparam(s.cookies),i.classList.remove("special-kerning-middle"),i.classList.add("special-kerning-big"),e.special.kerning.content.btnnormal.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnmiddle.style.setProperty("background-color","#FFF","important"),e.special.kerning.content.btnbig.style.setProperty("background-color","#d1d5da","important"),e.special.kerning.content.btnnormal.classList.remove("sf-special-btn--noclick"),e.special.kerning.content.btnmiddle.classList.remove("sf-special-btn--noclick"),e.special.kerning.content.btnbig.classList.add("sf-special-btn--noclick"),n.cookies.set("specialkerning","big",7)}),this.stack.events.push(s.events.kerningbig)),this.stack.ev(s.events.intervalone)&&(this.receive(s.events.intervalone,window,function(){n.updateparam(s.cookies),i.classList.remove("special-interval-15"),i.classList.remove("special-interval-20"),e.special.interval.content.btnone.style.setProperty("background-color","#d1d5da","important"),e.special.interval.content.btnhalf.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btntwo.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btnone.classList.add("sf-special-btn--noclick"),e.special.interval.content.btnhalf.classList.remove("sf-special-btn--noclick"),e.special.interval.content.btntwo.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialinterval","1",7)}),this.stack.events.push(s.events.intervalone)),this.stack.ev(s.events.intervalhalf)&&(this.receive(s.events.intervalhalf,window,function(){n.updateparam(s.cookies),i.classList.add("special-interval-15"),i.classList.remove("special-interval-20"),e.special.interval.content.btnone.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btnhalf.style.setProperty("background-color","#d1d5da","important"),e.special.interval.content.btntwo.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btnone.classList.remove("sf-special-btn--noclick"),e.special.interval.content.btnhalf.classList.add("sf-special-btn--noclick"),e.special.interval.content.btntwo.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialinterval","1.5",7)}),this.stack.events.push(s.events.intervalhalf)),this.stack.ev(s.events.intervaltwo)&&(this.receive(s.events.intervaltwo,window,function(){n.updateparam(s.cookies),i.classList.remove("special-interval-15"),i.classList.add("special-interval-20"),e.special.interval.content.btnone.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btnhalf.style.setProperty("background-color","#FFF","important"),e.special.interval.content.btntwo.style.setProperty("background-color","#d1d5da","important"),e.special.interval.content.btnone.classList.remove("sf-special-btn--noclick"),e.special.interval.content.btnhalf.classList.remove("sf-special-btn--noclick"),e.special.interval.content.btntwo.classList.add("sf-special-btn--noclick"),n.cookies.set("specialinterval","2.0",7)}),this.stack.events.push(s.events.intervaltwo)),this.stack.ev(s.events.imagecolor)&&(this.receive(s.events.imagecolor,window,function(){n.updateparam(s.cookies),i.classList.remove("special-img-none"),i.classList.remove("special-img-black"),e.special.img.content.btnoff.style.setProperty("background-color","#FFF","important"),e.special.img.content.btnbw.style.setProperty("background-color","#FFF","important"),e.special.img.content.btncolor.style.setProperty("background-color","#d1d5da","important"),e.special.img.content.btnoff.classList.remove("sf-special-btn--noclick"),e.special.img.content.btnbw.classList.remove("sf-special-btn--noclick"),e.special.img.content.btncolor.classList.add("sf-special-btn--noclick"),n.cookies.set("specialimage","oncolor",7)}),this.stack.events.push(s.events.imagecolor)),this.stack.ev(s.events.imageblack)&&(this.receive(s.events.imageblack,window,function(){n.updateparam(s.cookies),i.classList.remove("special-img-none"),i.classList.add("special-img-black"),e.special.img.content.btnoff.style.setProperty("background-color","#FFF","important"),e.special.img.content.btnbw.style.setProperty("background-color","#d1d5da","important"),e.special.img.content.btncolor.style.setProperty("background-color","#FFF","important"),e.special.img.content.btnoff.classList.remove("sf-special-btn--noclick"),e.special.img.content.btnbw.classList.add("sf-special-btn--noclick"),e.special.img.content.btncolor.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialimage","onblack",7)}),this.stack.events.push(s.events.imageblack)),this.stack.ev(s.events.imageoff)&&(this.receive(s.events.imageoff,window,function(){n.updateparam(s.cookies),i.classList.add("special-img-none"),i.classList.remove("special-img-black"),e.special.img.content.btnoff.style.setProperty("background-color","#d1d5da","important"),e.special.img.content.btnbw.style.setProperty("background-color","#FFF","important"),e.special.img.content.btncolor.style.setProperty("background-color","#FFF","important"),e.special.img.content.btnoff.classList.add("sf-special-btn--noclick"),e.special.img.content.btnbw.classList.remove("sf-special-btn--noclick"),e.special.img.content.btncolor.classList.remove("sf-special-btn--noclick"),n.cookies.set("specialimage","off",7)}),this.stack.events.push(s.events.imageoff)),this.buttonColorNotActive=e=>{e.classList.remove("sf-special-btn--noclick"),e.style.boxShadow="none",e.style.zIndex="auto"},this.buttonColorActive=e=>{e.classList.add("sf-special-btn--noclick"),e.style.boxShadow="0 0px 0px 4px lightgrey",e.style.zIndex=1},this.stack.ev(s.events.colorwhite)&&(this.receive(s.events.colorwhite,window,()=>{let t=e.special.color.content;n.updateparam(s.cookies),i.classList.add("special"),c.classList.add("sf-special-white"),c.classList.remove("sf-special-black","sf-special-yellow","sf-special-blue","sf-special-green"),n.buttonColorActive(t.btnwhite),n.buttonColorNotActive(t.btnblack),n.buttonColorNotActive(t.btnyellow),n.buttonColorNotActive(t.btnblue),n.buttonColorNotActive(t.btngreen),n.cookies.set("specialcolor","specialwhite",7)}),this.stack.events.push(s.events.colorwhite)),this.stack.ev(s.events.colorblack)&&(this.receive(s.events.colorblack,window,()=>{let t=e.special.color.content;i.classList.add("special"),c.classList.add("sf-special-black"),c.classList.remove("sf-special-white","sf-special-yellow","sf-special-blue","sf-special-green"),n.buttonColorActive(t.btnblack),n.buttonColorNotActive(t.btnwhite),n.buttonColorNotActive(t.btnyellow),n.buttonColorNotActive(t.btnblue),n.buttonColorNotActive(t.btngreen),n.cookies.set("specialcolor","specialblack",7)}),this.stack.events.push(s.events.colorblack)),this.stack.ev(s.events.coloryellow)&&(this.receive(s.events.coloryellow,window,()=>{let t=e.special.color.content;i.classList.add("special"),c.classList.add("sf-special-yellow"),c.classList.remove("sf-special-white","sf-special-black","sf-special-blue","sf-special-green"),n.buttonColorActive(t.btnyellow),n.buttonColorNotActive(t.btnwhite),n.buttonColorNotActive(t.btnblack),n.buttonColorNotActive(t.btnblue),n.buttonColorNotActive(t.btngreen),n.cookies.set("specialcolor","specialyellow",7)}),this.stack.events.push(s.events.coloryellow)),this.stack.ev(s.events.colorblue)&&(this.receive(s.events.colorblue,window,()=>{let t=e.special.color.content;i.classList.add("special"),c.classList.add("sf-special-blue"),c.classList.remove("sf-special-white","sf-special-black","sf-special-yellow","sf-special-green"),n.buttonColorActive(t.btnblue),n.buttonColorNotActive(t.btnwhite),n.buttonColorNotActive(t.btnblack),n.buttonColorNotActive(t.btnyellow),n.buttonColorNotActive(t.btngreen),n.cookies.set("specialcolor","specialblue",7)}),this.stack.events.push(s.events.colorblue)),this.stack.ev(s.events.colorgreen)&&(this.receive(s.events.colorgreen,window,()=>{let t=e.special.color.content;i.classList.add("special"),c.classList.add("sf-special-green"),c.classList.remove("sf-special-white","sf-special-black","sf-special-yellow","sf-special-blue"),n.buttonColorActive(t.btngreen),n.buttonColorNotActive(t.btnwhite),n.buttonColorNotActive(t.btnblack),n.buttonColorNotActive(t.btnyellow),n.buttonColorNotActive(t.btnblue),n.cookies.set("specialcolor","specialgreen",7)}),this.stack.events.push(s.events.colorgreen)),this.stack.ev(s.events.soundoff)&&(this.receive(s.events.soundoff,window,()=>{for(var e=document.body.querySelectorAll("[sf-play]"),t=0;t<e.length;t++)e[t].parentNode.removeChild(e[t]);n.cookies.set("specialsound","off",7)}),this.stack.events.push(s.events.soundoff)),this.defaultSetting=()=>{let e=(new SF.Parameters).newparams().blocks.special,t=this.el.special;i.classList.remove("special-font-sans","special-font-serif","special-font-mono"),this.cookies.set("specialfont",e.cookies.specialfont,7),t.font.status.innerText=BX.message("SF_SPECIAL__FONT_DEFAULT"),i.style.fontSize=`${e.cookies.specialkegl}px`,c.style.fontSize=`${e.cookies.specialkegl}px`,t.kegl.status.innerText=`${e.cookies.specialkegl}${BX.message("SF_SPECIAL__SPECIAL_KEGL")}`,this.cookies.set("specialkegl",e.cookies.specialkegl,7),i.classList.remove("special-kerning-middle","special-kerning-big"),this.cookies.set("specialkerning",e.cookies.specialkerning,7),this.send(e.events.kerningnormal,this.el.special.kerning.content.btnnormal),t.kerning.status.innerText=BX.message("SF_SPECIAL__KERNING_NORMAL"),i.classList.remove("special-interval-15","special-interval-20"),this.cookies.set("specialinterval","1",7),this.send(e.events.intervalone,this.el.special.interval.content.btnone),t.interval.status.innerText=BX.message("SF_SPECIAL__INTERVAL_1_0"),console.log("defaultSettings"),c.classList.remove("sf-special-white","sf-special-black","sf-special-yellow","sf-special-blue","sf-special-green"),this.cookies.set("specialcolor",e.cookies.specialcolor),this.send(e.events.colorwhite,this.el.special.color.content.btnwhite),t.color.status.innerText=BX.message("SF_SPECIAL__BTN_WHITE"),t.img.status.innerText=BX.message("SF_SPECIAL__IMG_ON_COLOR"),i.classList.remove("special-img-none","special-img-black"),this.cookies.set("specialimage","on",7),this.send(e.events.imagecolor,this.el.special.img.content.btncolor)},this.stack.ev(s.events.defaultsetting)&&(this.receive(s.events.defaultsetting,window,this.defaultSetting.bind(this)),this.stack.events.push(s.events.defaultsetting)),this.stack.ev(s.events.up)&&(this.receive(s.events.up,window,function(e){var t=e.target;"down"==n.cookies.get("specialup")?(t.style.marginTop="-"+t.clientHeight+"px",t.onoff.content.btnup.style.bottom="-"+t.onoff.content.btnup.clientHeight+"px",t.onoff.content.btnup.style.transform="rotate(180deg)",n.cookies.set("specialup","up",7)):(t.style.marginTop="0",t.onoff.content.btnup.style.bottom="0",t.onoff.content.btnup.style.transform="rotate(0deg)",n.cookies.set("specialup","down",7))}),this.stack.events.push(s.events.up)),this.actionButtonClick=e=>{switch(e.preventDefault(),this.cookies.get("specialstate")){case"off":default:this.send(this.el.params.events.open,this.el);break;case"on":this.send(this.el.params.events.close,this.el)}},"off"==s.cookies.specialstate||(this.updateparam(s.cookies),this.send(s.events.open,this.el)),this.el.addEventListener("click",this.actionButtonClick.bind(this))}}};const t={};function n(o){const s=t[o];if(void 0!==s)return s.exports;const i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}n.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{if(Array.isArray(t))for(var o=0;o<t.length;){var s=t[o++],i=t[o++];n.o(e,s)?0===i&&o++:0===i?Object.defineProperty(e,s,{enumerable:!0,value:t[o++]}):Object.defineProperty(e,s,{enumerable:!0,get:i})}else for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";n("715d840bc035"),n("35142b0e629d"),n("f253d6b93335"),n("5dcf727c65f8"),n("a912dc962a61"),n("8b84d027b9f0"),n("1935cdb080e3"),n("67345c14abf1"),n("003c85f0f0fb"),n("d604676a9b24");new SF.Controller})()})();

package/distr/component/spinner/css/spinner.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-loader-container{--sf-loader--color: var(--sf-primary);--sf-loader-track-color: var(--sf-surface-container);--sf-loader-svg-width: var(--sf-d2);--sf-loader-svg-height: var(--sf-d2);--sf-loader-stroke-width: var(--sf-a6);--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1);--sf-loader-cycle-duration: calc(var(--sf-duration-slow) * 6);--sf-loader-dot-duration: calc(var(--sf-duration-slow) * 3);display:flex;flex-direction:column;align-items:center;gap:var(--sf-loader-text-gap);justify-content:center}.sf-loader-container .sf-loader--text{font-family:var(--sf-text--family);font-weight:400;font-size:var(--sf-loader-text-size);color:var(--sf-on-surface)}.sf-loader-container.sf-loader--size-1\/2{--sf-loader-stroke-width: var(--sf-a4);--sf-loader-text-gap: var(--sf-space-1\/3);--sf-loader-text-size: var(--sf-text-size-1\/2)}.sf-loader-container.sf-loader--size-1,.sf-loader-container.sf-loader--size-2{--sf-loader-stroke-width: var(--sf-a6)}.sf-loader-container.sf-loader--size-1{--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1)}.sf-loader-container.sf-loader--size-2{--sf-loader-text-gap: var(--sf-space-1);--sf-loader-text-size: var(--sf-text-size-2)}.sf-loader-container.sf-loader--size-3{--sf-loader-stroke-width: var(--sf-a8);--sf-loader-text-gap: var(--sf-space-2);--sf-loader-text-size: var(--sf-text-size-3)}}@layer sf.components{.sf-loader-container{--sf-loader-track-color: var(--sf-surface-container);--sf-loader-svg-width: var(--sf-text-size-8);--sf-loader-svg-height: var(--sf-text-size-8);--sf-loader-stroke-width: var(--sf-a5);color:var(--sf-primary);color:var(--sf-loader--color, var(--sf-primary))}.sf-loader-container.sf-loader--size-1\/2{--sf-loader-svg-width: var(--sf-text-size-5);--sf-loader-svg-height: var(--sf-text-size-5)}.sf-loader-container.sf-loader--size-1{--sf-loader-svg-width: var(--sf-text-size-8);--sf-loader-svg-height: var(--sf-text-size-8)}.sf-loader-container.sf-loader--size-2{--sf-loader-svg-width: var(--sf-text-size-9);--sf-loader-svg-height: var(--sf-text-size-9)}.sf-loader-container.sf-loader--size-3{--sf-loader-svg-width: var(--sf-text-size-10);--sf-loader-svg-height: var(--sf-text-size-10)}.sf-loader-container .sf-loader--loading-indicator,.sf-loader-container .sf-loader--circles{display:inline-flex;height:var(--sf-loader-svg-height);width:var(--sf-loader-svg-width)}.sf-loader-container .sf-loader-svg{display:block;height:100%;overflow:visible;width:100%}.sf-loader-container .sf-loader-ring-filled{fill:none;opacity:var(--sf-opacity-30);stroke:var(--sf-surface-container);stroke:var(--sf-loader-track-color, var(--sf-surface-container));stroke-linecap:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader-ring-accent{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader--loading-indicator .sf-loader-ring-accent{-webkit-animation:sf-loader-ring-accent-fill var(--sf-loader-cycle-duration) linear both;animation:sf-loader-ring-accent-fill var(--sf-loader-cycle-duration) linear both}.sf-loader-container.sf-loader--infinite .sf-loader--loading-indicator .sf-loader-ring-accent{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sf-loader-container .sf-loader-dot{fill:currentColor;opacity:var(--sf-opacity-20);-webkit-animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;-webkit-animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1);animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1)}.sf-loader-container .sf-loader-dot--active{opacity:var(--sf-opacity-60)}.sf-loader-container.sf-loader--infinite .sf-loader-dot{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@media(prefers-reduced-motion: reduce){.sf-loader-container .sf-loader-ring-accent,.sf-loader-container .sf-loader-dot{-webkit-animation:none !important;animation:none !important}.sf-loader-container .sf-loader-ring-accent{opacity:1;stroke-dasharray:24 76}}@-webkit-keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}@keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}}

package/distr/component/spinner/js/spinner.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 n=t.match(/\(([^)]+)\)/g);n&&n.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 n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[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)},n=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),i=n.listeners,s=n.registered,a=t=>String(t??"").trim().toLowerCase().replace("_","-"),o=()=>{for(const t of[...i])try{t()}catch{}};function r(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const n="function"==typeof e.getRootNode?e.getRootNode():null;e=n&&n!==e&&n.host?n.host:null}return null}function l(t){if(n.chosen)return n.chosen.split("-")[0];const e=r(t),i=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return a(i).split("-")[0]||"en"}function d(t){if(n.chosen)return n.chosen;const e=r(t);return a(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(t,e,n,i){const o=i??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(n);for(const i of(t=>{const e=a(t),n=e.split("-")[0],i=[];for(const t of[e,n,"en"])t&&!i.includes(t)&&i.push(t);return i})(d(n))){const n=o?s.get(o)?.get(i)?.[e]:void 0;if(void 0!==n)return n;const a=t?.[i]?.[e];if(void 0!==a)return a}return e}const h={current:(t=globalThis.document?.documentElement??null)=>d(t),use(t){const e=null==t?null:a(t);return e===n.chosen||(n.chosen=e,o()),n.chosen},register(t,e,n){const i=String(t??"").toLowerCase(),r=a(e);if(!i||!r)throw new TypeError("a component and a language are required");s.has(i)||s.set(i,new Map);const l=s.get(i);return null===n?l.delete(r):l.set(r,{...l.get(r)??{},...n}),o(),this},registerAll(t,e={}){for(const[n,i]of Object.entries(e))this.register(n,t,i);return this},known(t){const e=String(t??"").toLowerCase();return[...s.get(e)?.keys()??[]]},components:()=>[...s.keys()],onChange:t=>"function"!=typeof t?()=>{}:(i.add(t),()=>i.delete(t)),forget(){return s.clear(),n.chosen=null,o(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=l,window.SF.pageText=c);const u={en:{label:"Loading…"},ru:{label:"Загрузка…"}},f=".sf-loader-container",p="sfSpinnerBound";function m(t,e){const n=Number.parseFloat(String(t??""));return Number.isFinite(n)?n:e}function w(t,e,n){return Math.min(Math.max(t,e),n)}function g(t,e,n){const i=String(t||"").trim().toLowerCase();return e.includes(i)?i:n}function y(t,e={}){const n=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&n.setAttribute(t,String(e))}),n}function S({width:t=58,height:e=58,strokeWidth:n=4}={}){const i=w(m(t,58),16,256),s=w(m(e,i),16,256),a=w(m(n,4),1,Math.min(i,s)/2),o=Math.max(1,Math.min(i,s)/2-a/2),r=i/2,l=s/2,d=y("svg",{class:"sf-loader-svg",viewBox:`0 0 ${i} ${s}`,width:i,height:s,"aria-hidden":"true"}),c=y("circle",{class:"sf-loader-ring-filled",cx:r,cy:l,r:o}),h=y("circle",{class:"sf-loader-ring-accent",cx:r,cy:l,r:o,pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${r} ${l})`});return d.append(c,h),d}function v({width:t=58,height:e=58,dots:n=16,filled:i=6,dotRadius:s=null,direction:a="clockwise"}={}){const o=w(m(t,58),16,256),r=w(m(e,o),16,256),l=w(Math.floor(m(n,16)),3,32),d=w(Math.floor(m(i,6)),1,l),c=null===s?Math.max(1.5,.06*Math.min(o,r)):w(m(s,1),1,Math.min(o,r)/4),h=Math.max(c,Math.min(o,r)/2-c-1),u=o/2,f=r/2,p=y("svg",{class:"sf-loader-svg",viewBox:`0 0 ${o} ${r}`,width:o,height:r,"aria-hidden":"true",style:`--sf-loader-dot-count:${l}; --sf-loader-dot-filled:${d};`});for(let t=0;t<l;t+=1){const e=2*Math.PI/l*t-Math.PI/2,n=y("circle",{class:"sf-loader-dot"+(t<d?" sf-loader-dot--active":""),cx:u+h*Math.cos(e),cy:f+h*Math.sin(e),r:c,style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${"counterclockwise"===a?t:(l-t)%l};`});p.append(n)}return p}function b(t,e,n){let i=t.querySelector(e);return i?(i.innerHTML="",i):(i=document.createElement("div"),i.className=n,i.dataset.sfSpinnerPart=n,t.append(i),i)}function E(t){if(!(t instanceof HTMLElement))return t;const e=function(t){const e=t.querySelector(".sf-loader--loading-indicator"),n=t.querySelector(".sf-loader--circles"),i=t.querySelector(".sf-loader--text"),s=Object.prototype.hasOwnProperty.call(t.dataset,"width")||Object.prototype.hasOwnProperty.call(t.dataset,"w"),a=Object.prototype.hasOwnProperty.call(t.dataset,"height")||Object.prototype.hasOwnProperty.call(t.dataset,"h"),o=w(m(t.dataset.width,m(t.dataset.w,58)),16,256),r=w(m(t.dataset.height,m(t.dataset.h,o)),16,256),l=t.dataset.strokeWidth?w(m(t.dataset.strokeWidth,4),1,Math.min(o,r)/2):null,d=w(Math.floor(m(t.dataset.dots,16)),3,32),c=w(Math.floor(m(t.dataset.filled,6)),1,d),h=t.dataset.dotRadius?w(m(t.dataset.dotRadius,1),1,Math.min(o,r)/4):null,u=g(t.dataset.direction,["clockwise","counterclockwise"],"clockwise");let f=String(t.dataset.variant||"").toLowerCase();return f=g(f,["arc","dots"],n?"dots":"arc"),{width:o,height:r,strokeWidth:l,dots:d,filled:c,dotRadius:h,direction:u,variant:f,hasExplicitWidth:s,hasExplicitHeight:a,infinite:"true"===t.dataset.infinite,announce:"true"===t.dataset.announce,label:void 0!==t.dataset.label?t.dataset.label:i?.textContent?.trim?.()||"",indicator:e,circles:n,labelNode:i}}(t);t.classList.add("sf-loader-container"),e.infinite?t.classList.add("sf-loader--infinite"):t.classList.remove("sf-loader--infinite"),e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-width",`${e.width}px`):t.style.removeProperty("--sf-loader-svg-width"),e.hasExplicitHeight||e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-height",`${e.height}px`):t.style.removeProperty("--sf-loader-svg-height"),null!==e.strokeWidth?t.style.setProperty("--sf-loader-stroke-width",`${e.strokeWidth}px`):t.style.removeProperty("--sf-loader-stroke-width");const n="dots"===e.variant?"sf-loader--circles":"sf-loader--loading-indicator",i=b(t,`.${n}`,n),s=e.label||e.labelNode?b(t,".sf-loader--text","sf-loader--text"):null,a="dots"===e.variant?v(e):S(e);i.append(a);const o="dots"===e.variant?".sf-loader--loading-indicator":".sf-loader--circles";return t.querySelector(o)?.remove(),s&&(s.textContent=e.label||""),function(t,e){const n=Boolean(e.label);if(t.toggleAttribute("aria-hidden",!n),e.announce&&n)return t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),void(t.dataset.sfSpinnerSemantics="status");"status"===t.dataset.sfSpinnerSemantics&&(t.removeAttribute("role"),t.removeAttribute("aria-live"),t.removeAttribute("aria-atomic"),delete t.dataset.sfSpinnerSemantics)}(t,e),t}function M(t){return t instanceof HTMLElement&&"1"!==t.dataset[p]?(E(t),t.dataset[p]="1",t):t}function x(t){t instanceof HTMLElement&&delete t.dataset[p]}function N(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(f)&&M(t),t.querySelectorAll?.(f).forEach(M))}e("Spinner",class extends t{static componentName="Spinner";constructor(t){super(t);const{width:e,height:n,label:i=c(u,"label",t?.root??document.documentElement),variant:s="arc",dots:a=16,filled:o=6,strokeWidth:r=null,dotRadius:l=null,infinite:d=!1,announce:h=!1,direction:f="clockwise"}=this.params||{},p=this.attrs.class||this.attrs.className;this.template=document.createElement("div"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-loader-container"),p&&this.template.classList.add(...`${p}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.template.setAttribute(t,e)}),null!=e&&""!==e&&(this.template.dataset.width=String(e)),null!=n&&""!==n&&(this.template.dataset.height=String(n)),this.template.dataset.label=String(i??""),this.template.dataset.variant=String(s),this.template.dataset.dots=String(a),this.template.dataset.filled=String(o),null!=r&&""!==r&&(this.template.dataset.strokeWidth=String(r)),this.template.dataset.infinite=String(d),this.template.dataset.announce=String(h),this.template.dataset.direction=String(f),null!=l&&(this.template.dataset.dotRadius=String(l))}init(){M(this.template)}destroyInternal(){x(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Spinner=window.SF.Spinner||{},window.SF.Spinner.bind=M,window.SF.Spinner.render=E,window.SF.Spinner.unbind=x,window.SF.Spinner.createArcSvg=S,window.SF.Spinner.createDotsSvg=v),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>N(document)):N(document);new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&N(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/step/css/step.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-step{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-step{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-step{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-step{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-right-width, var(--sf-px))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-step{border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-right-width, var(--sf-px))}}.sf-step:where(:dir(ltr)){border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-right-width, var(--sf-px))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-right-width, var(--sf-px))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-step{border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-right-width, var(--sf-px))}}.sf-step:where(:dir(rtl)){border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-right-width, var(--sf-px))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-left-width, var(--sf-px))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-step{border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-left-width, var(--sf-px))}}.sf-step:where(:dir(ltr)){border-left-width:var(--sf-px);border-left-width:var(--sf-step--border-left-width, var(--sf-px))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-left-width, var(--sf-px))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-step{border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-left-width, var(--sf-px))}}.sf-step:where(:dir(rtl)){border-right-width:var(--sf-px);border-right-width:var(--sf-step--border-left-width, var(--sf-px))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-step{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-step{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-step{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-step{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}}.sf-step:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-right, var(--sf-space-1\/4))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-step{padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-right, var(--sf-space-1\/4))}}.sf-step:where(:dir(ltr)){padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-right, var(--sf-space-1\/4))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-right, var(--sf-space-1\/4))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-step{padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-right, var(--sf-space-1\/4))}}.sf-step:where(:dir(rtl)){padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-right, var(--sf-space-1\/4))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-step{padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-left, var(--sf-space-1\/4))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-step{padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-left, var(--sf-space-1\/4))}}.sf-step:where(:dir(ltr)){padding-left:var(--sf-space-1\/4);padding-left:var(--sf-step--padding-left, var(--sf-space-1\/4))}_:-ms-input-placeholder, [dir="rtl"] .sf-step{padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-left, var(--sf-space-1\/4))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-step{padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-left, var(--sf-space-1\/4))}}.sf-step:where(:dir(rtl)){padding-right:var(--sf-space-1\/4);padding-right:var(--sf-step--padding-left, var(--sf-space-1\/4))}.sf-step{max-width:100%;max-inline-size:100%;box-shadow:var(--sf-step--box-shadow);border-bottom-width:var(--sf-px);border-bottom-width:var(--sf-step--border-bottom-width, var(--sf-px));border-end-end-radius:var(--sf-radius-circle);border-end-end-radius:var(--sf-step--border-bottom-right-radius, var(--sf-radius-circle));border-end-start-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-step--border-bottom-left-radius, var(--sf-radius-circle));border-inline-end-width:var(--sf-px);border-inline-end-width:var(--sf-step--border-right-width, var(--sf-px));border-inline-start-width:var(--sf-px);border-inline-start-width:var(--sf-step--border-left-width, var(--sf-px));border-start-end-radius:var(--sf-radius-circle);border-start-end-radius:var(--sf-step--border-top-right-radius, var(--sf-radius-circle));border-start-start-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-step--border-top-left-radius, var(--sf-radius-circle));border-style:solid;border-style:var(--sf-step--border-style, solid);border-top-width:var(--sf-px);border-top-width:var(--sf-step--border-top-width, var(--sf-px));border-width:var(--sf-px);border-width:var(--sf-step--border-width, var(--sf-px));font-family:var(--sf-text--family);font-family:var(--sf-step--font-family, var(--sf-text--family));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-step--font-weight, var(--sf-font-weight-regular));gap:var(--sf-space-1\/4);gap:var(--sf-step--gap, var(--sf-space-1\/4));min-width:var(--sf-c2);min-width:var(--sf-step--min-width, var(--sf-c2));-webkit-padding-end:var(--sf-space-1\/4);padding-inline-end:var(--sf-space-1\/4);-webkit-padding-end:var(--sf-step--padding-right, var(--sf-space-1\/4));padding-inline-end:var(--sf-step--padding-right, var(--sf-space-1\/4));-webkit-padding-start:var(--sf-space-1\/4);padding-inline-start:var(--sf-space-1\/4);-webkit-padding-start:var(--sf-step--padding-left, var(--sf-space-1\/4));padding-inline-start:var(--sf-step--padding-left, var(--sf-space-1\/4));padding-top:var(--sf-step--padding-top);padding-bottom:var(--sf-step--padding-bottom);border-color:transparent;border-color:var(--sf-step--border-color, transparent);background-color:var(--sf-step--background-color);color:var(--sf-step--color);font-size:var(--sf-step--font-size);line-height:var(--sf-step--line-height);transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation);--sf-step--border-color: var(--sf-outline-variant);--sf-step--background-color: transparent;--sf-step--color: var(--sf-on-surface-variant)}.sf-step .sf-icon{flex-shrink:0;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-size-3);font-size:var(--sf-icon--font-size, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-icon--height, var(--sf-text-size-3));width:var(--sf-text-size-3);width:var(--sf-icon--width, var(--sf-text-size-3))}.sf-step .sf-step-container{min-width:0;min-inline-size:0;word-wrap:anywhere;--sf-step-container--background-color: transparent;background-color:var(--sf-step-container--background-color);color:var(--sf-step-container--color);font-family:var(--sf-step-container--font-family);font-size:var(--sf-step-container--font-size);font-weight:var(--sf-step-container--font-weight);line-height:var(--sf-step-container--line-height)}.sf-step.sf-step--size-1 .sf-step-container{--sf-step-container--font-size: var(--sf-text-size-1);--sf-step-container--line-height: var(--sf-text-height-1)}.sf-step.sf-step--stage-default .sf-step-container,.sf-step.sf-step--stage-completed .sf-step-container,.sf-step.sf-step--stage-error .sf-step-container{--sf-step-container--color: var(--sf-on-surface-variant)}.sf-step.sf-step--stage-completed .sf-icon{--sf-icon--color: var(--sf-success)}.sf-step.selected.sf-step--stage-default .sf-step-container,.sf-step.selected.sf-step--stage-completed .sf-step-container,.sf-step.selected.sf-step--stage-error .sf-step-container{--sf-step-container--color: var(--sf-on-surface)}.sf-step.disabled.sf-step--stage-default .sf-step-container,.sf-step.disabled.sf-step--stage-completed .sf-step-container,.sf-step.disabled.sf-step--stage-error .sf-step-container{--sf-step-container--color: var(--sf-on-disable)}.sf-step.disabled.sf-step--stage-completed .sf-icon,.sf-step.disabled.sf-step--stage-error .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-step.sf-step--size-1\/2 .sf-step-container{--sf-step-container--font-size: var(--sf-text-size-1\/2);--sf-step-container--line-height: var(--sf-text-height-1\/2)}.sf-step.sf-step--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-text-size-2);--sf-icon--height: var(--sf-text-size-2);--sf-icon--width: var(--sf-text-size-2)}.sf-step--size-1{--sf-step--font-size: var(--sf-text-size-1);--sf-step--line-height: var(--sf-text-height-1);--sf-step--padding-bottom: var(--sf-space-1\/4);--sf-step--padding-top: var(--sf-space-1\/4)}.sf-step--size-1\/2{--sf-step--font-size: var(--sf-text-size-1\/2);--sf-step--line-height: var(--sf-text-height-1\/2);--sf-step--padding-bottom: calc(var(--sf-space-1\/4) / 2);--sf-step--padding-top: calc(var(--sf-space-1\/4) / 2)}button.sf-step:not(.does-not-exist):not(:disabled):not(.disabled):hover{--sf-step--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}a.sf-step:not(.does-not-exist):not(:disabled):not(.disabled):hover{--sf-step--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-step[role=button]:not(:disabled):not(.disabled):hover{--sf-step--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-step.selected{--sf-step--border-color: var(--sf-outline-primary);--sf-step--color: var(--sf-on-surface)}.sf-step.disabled,.sf-step:disabled{--sf-step--border-color: var(--sf-outline-disable);--sf-step--color: var(--sf-on-disable);cursor:default}.sf-step.sf-step--stage-error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-step.sf-step.disabled{--sf-step--border-color: var(--sf-outline-disable);--sf-step--color: var(--sf-on-disable);cursor:default}.sf-step.sf-step:disabled{--sf-step--border-color: var(--sf-outline-disable);--sf-step--color: var(--sf-on-disable);cursor:default}.sf-step.sf-step[aria-disabled=true]{--sf-step--border-color: var(--sf-outline-disable);--sf-step--color: var(--sf-on-disable);cursor:default}.sf-step.sf-step.disabled .sf-step-container{--sf-step-container--color: var(--sf-on-disable)}.sf-step.sf-step:disabled .sf-step-container{--sf-step-container--color: var(--sf-on-disable)}.sf-step.sf-step[aria-disabled=true] .sf-step-container{--sf-step-container--color: var(--sf-on-disable)}.sf-step.sf-step.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-step.sf-step:disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-step.sf-step[aria-disabled=true] .sf-icon{--sf-icon--color: var(--sf-on-disable)}}@layer sf.states{.sf-step:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-step:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}@media(forced-colors: active){.sf-step:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-step--box-shadow: none}.sf-step:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-step--box-shadow: none}}@media(prefers-reduced-motion: reduce){.sf-step{transition-duration:0s}}}@layer sf.components{.sf-steps{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;background-color:transparent;background-color:var(--sf-steps--background-color, transparent)}.sf-steps .sf-steps-container{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;--sf-steps-container--background-color: transparent;background-color:var(--sf-steps-container--background-color);gap:var(--sf-steps-container--gap)}.sf-steps .sf-steps-container>.sf-icon{flex-shrink:0;--sf-icon--color: var(--sf-on-surface-variant);color:var(--sf-icon--color);font-size:var(--sf-text-size-3);font-size:var(--sf-icon--font-size, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-icon--height, var(--sf-text-size-3));width:var(--sf-text-size-3);width:var(--sf-icon--width, var(--sf-text-size-3))}.sf-steps:dir(rtl) .sf-steps-separator--directional{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-steps.sf-steps--size-1 .sf-steps-container>.sf-icon{--sf-icon--font-size: var(--sf-text-size-3);--sf-icon--height: var(--sf-text-size-3);--sf-icon--width: var(--sf-text-size-3)}.sf-steps.sf-steps--size-1 .sf-steps-container{--sf-steps-container--gap: var(--sf-space-1\/4)}.sf-steps.sf-steps--size-1\/2 .sf-steps-container>.sf-icon{--sf-icon--font-size: var(--sf-text-size-2);--sf-icon--height: var(--sf-text-size-2);--sf-icon--width: var(--sf-text-size-2)}.sf-steps.sf-steps--size-1\/2 .sf-steps-container{--sf-steps-container--gap: var(--sf-space-1\/3)}}

package/distr/component/swiper/css/swiper.min.css

@@ -0,0 +1 @@
+@layer sf.components{.swiper{contain:inline-size;width:100%;inline-size:100%;min-width:0;min-inline-size:0;overflow:hidden;position:relative}.swiper-wrapper{display:flex;width:100%;inline-size:100%;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:ease}@media(prefers-reduced-motion: reduce){.swiper-wrapper{transition-duration:0s}}.swiper-slide{flex:0 0 100%;width:100%;inline-size:100%;min-width:0;min-inline-size:0}.swiper-button-disabled{cursor:default;opacity:0.38;opacity:var(--sf-opacity-disabled, 0.38);pointer-events:none}}

package/distr/component/swiper/js/swiper.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const t=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),e=t.listeners,i=t.registered,s=t=>String(t??"").trim().toLowerCase().replace("_","-"),n=()=>{for(const t of[...e])try{t()}catch{}};function r(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const i="function"==typeof e.getRootNode?e.getRootNode():null;e=i&&i!==e&&i.host?i.host:null}return null}function a(e){if(t.chosen)return t.chosen.split("-")[0];const i=r(e),n=i?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return s(n).split("-")[0]||"en"}function l(e){if(t.chosen)return t.chosen;const i=r(e);return s(i?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function o(t,e,n,r){const a=r??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(n);for(const r of(t=>{const e=s(t),i=e.split("-")[0],n=[];for(const t of[e,i,"en"])t&&!n.includes(t)&&n.push(t);return n})(l(n))){const s=a?i.get(a)?.get(r)?.[e]:void 0;if(void 0!==s)return s;const n=t?.[r]?.[e];if(void 0!==n)return n}return e}const h={current:(t=globalThis.document?.documentElement??null)=>l(t),use(e){const i=null==e?null:s(e);return i===t.chosen||(t.chosen=i,n()),t.chosen},register(t,e,r){const a=String(t??"").toLowerCase(),l=s(e);if(!a||!l)throw new TypeError("a component and a language are required");i.has(a)||i.set(a,new Map);const o=i.get(a);return null===r?o.delete(l):o.set(l,{...o.get(l)??{},...r}),n(),this},registerAll(t,e={}){for(const[i,s]of Object.entries(e))this.register(i,t,s);return this},known(t){const e=String(t??"").toLowerCase();return[...i.get(e)?.keys()??[]]},components:()=>[...i.keys()],onChange:t=>"function"!=typeof t?()=>{}:(e.add(t),()=>e.delete(t)),forget(){return i.clear(),t.chosen=null,n(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=a,window.SF.pageText=o);const d={en:{goToSlide:"Go to slide"},ru:{goToSlide:"Перейти к слайду"}},c=(t,e,i)=>Math.min(i,Math.max(e,t)),u=(t,e)=>Number.isFinite(Number(t))?Number(t):e;function p(t,e){return t instanceof Element?t:"string"==typeof t?e.closest("body")?.querySelector(t)||document.querySelector(t):null}class g{constructor(t,e={}){if(!(t instanceof Element))throw new TypeError("Slider root must be an Element");this.el=t,this.originalParams={...e},this.params={...e},this.events=new Map,this.activeIndex=0,this.realIndex=0,this.destroyed=!1,this.enabled=!0,this.rtlTranslate="rtl"===getComputedStyle(t).direction,this.wrapperEl=t.querySelector(".swiper-wrapper")||t.firstElementChild,this.navigation={},this.pagination={},this.autoplay=this.createAutoplay(),this.attachControls(),this.attachKeyboard(),t.swiper=this,t.classList.add("swiper-initialized","swiper-horizontal"),this.update(),this.slideTo(u(e.initialSlide,0),0,!1),queueMicrotask(()=>this.emit("init"))}on(t,e){return this.events.has(t)||this.events.set(t,new Set),this.events.get(t).add(e),this}off(t,e){return this.events.get(t)?.delete(e),this}emit(t,...e){for(const i of this.events.get(t)||[])i(this,...e)}attachControls(){const t=this.params.navigation||{};this.navigation.prevEl=p(t.prevEl,this.el),this.navigation.nextEl=p(t.nextEl,this.el),this._previous=()=>this.slidePrev(),this._next=()=>this.slideNext(),this.navigation.prevEl?.addEventListener("click",this._previous),this.navigation.nextEl?.addEventListener("click",this._next),this.pagination.el=p(this.params.pagination?.el,this.el),this.pagination.render=()=>this.renderPagination(),this.pagination.update=()=>this.sync()}attachKeyboard(){this._keyboard=t=>{if((!0===this.params.keyboard||this.params.keyboard?.enabled)&&this.enabled&&!this.destroyed){if("ArrowRight"===t.key)this.rtlTranslate?this.slidePrev():this.slideNext();else{if("ArrowLeft"!==t.key)return;this.rtlTranslate?this.slideNext():this.slidePrev()}t.preventDefault()}},this.el.addEventListener("keydown",this._keyboard)}createAutoplay(){let t=null;const e=this.params.autoplay,i={running:!1,start:()=>!(!e||!1===e.enabled||i.running)&&(i.running=!0,t=window.setInterval(()=>this.slideNext(),u(e.delay,5e3)),this.emit("autoplayStart"),!0),stop:()=>{null!==t&&window.clearInterval(t),t=null;const e=i.running;return i.running=!1,e&&this.emit("autoplayStop"),e},pause:()=>i.stop(),resume:()=>i.start()};return i}get slides(){return[...this.wrapperEl?.children||[]].filter(t=>t.classList.contains("swiper-slide"))}selectedParams(){const t=Object.entries(this.originalParams.breakpoints||{}).map(([t,e])=>[Number(t),e]).filter(([t])=>Number.isFinite(t)&&t<=window.innerWidth).sort((t,e)=>t[0]-e[0]);return t.length?{...this.originalParams,...t.at(-1)[1]}:{...this.originalParams}}update(){const t=this.slides,e=this.selectedParams();this.params=e;const i=Math.max(1,u(this.params.slidesPerView,1));return t.forEach((e,s)=>{e.dataset.swiperSlideIndex=String(s),e.setAttribute("role","group"),void 0===e.__sfAuthoredLabel&&(e.__sfAuthoredLabel=e.getAttribute("aria-label")??""),e.setAttribute("aria-label",e.__sfAuthoredLabel||`${s+1} / ${t.length}`),e.style.flexBasis=100/i+"%"}),this.activeIndex=c(this.activeIndex,0,Math.max(0,t.length-Math.ceil(i))),this.realIndex=this.activeIndex,this.renderPagination(),this.sync(),this.params.autoplay&&!this.autoplay.running&&this.autoplay.start(),this}renderPagination(){const t=this.pagination.el;if(!t)return;const e=this.params.pagination||{};t.replaceChildren(),this.slides.forEach((i,s)=>{const n=document.createElement(e.bulletElement||"span");n.className=e.bulletClass||"swiper-pagination-bullet",n instanceof HTMLButtonElement&&(n.type="button"),n.setAttribute("aria-label",`${o(d,"goToSlide",t,"sf-swiper")} ${s+1}`),e.clickable&&n.addEventListener("click",()=>this.slideTo(s)),t.append(n)})}sync(){const t=this.slides,e=Math.max(1,u(this.params.slidesPerView,1)),i=this.activeIndex+Math.ceil(e)-1;if(t.forEach((t,e)=>{const s=e===this.activeIndex,n=e>=this.activeIndex&&e<=i;t.classList.toggle("swiper-slide-active",s),t.classList.toggle("swiper-slide-visible",n),t.setAttribute("aria-hidden",String(!n))}),this.wrapperEl){const t=this.rtlTranslate?1:-1;this.wrapperEl.style.transform=`translate3d(${t*this.activeIndex*(100/e)}%, 0, 0)`,this.wrapperEl.style.transitionDuration=`${u(this.params.speed,300)}ms`}const s=this.params.navigation?.disabledClass||"swiper-button-disabled",n=Boolean(this.params.loop);this.navigation.prevEl?.classList.toggle(s,!n&&0===this.activeIndex),this.navigation.nextEl?.classList.toggle(s,!n&&this.activeIndex===Math.max(0,t.length-Math.ceil(e)));const r=this.params.pagination?.bulletActiveClass||"swiper-pagination-bullet-active";return[...this.pagination.el?.children||[]].forEach((t,e)=>{t.classList.toggle(r,e===this.activeIndex),e===this.activeIndex?t.setAttribute("aria-current","true"):t.removeAttribute("aria-current")}),this}slideTo(t,e=this.params.speed,i=!0){const s=this.slides.length;if(!s||!this.enabled)return this;let n=Number(t)||0;n=this.params.loop?(n%s+s)%s:c(n,0,Math.max(0,s-Math.ceil(Math.max(1,u(this.params.slidesPerView,1)))));const r=n!==this.activeIndex;return this.activeIndex=n,this.realIndex=n,this.wrapperEl&&(this.wrapperEl.style.transitionDuration=`${u(e,300)}ms`),this.sync(),r&&i&&this.emit("slideChange"),i&&queueMicrotask(()=>this.emit("transitionEnd")),this}slideNext(){return this.slideTo(this.activeIndex+1)}slidePrev(){return this.slideTo(this.activeIndex-1)}changeLanguageDirection(t){return this.rtlTranslate="rtl"===t,this.el.dir=t,this.sync()}enable(){return this.enabled=!0,this}disable(){return this.enabled=!1,this}destroy(t=!0,e=!0){this.destroyed||(this.autoplay.stop(),this.navigation.prevEl?.removeEventListener("click",this._previous),this.navigation.nextEl?.removeEventListener("click",this._next),this.el.removeEventListener("keydown",this._keyboard),e&&this.wrapperEl&&this.wrapperEl.removeAttribute("style"),this.slides.forEach(t=>{t.classList.remove("swiper-slide-active","swiper-slide-visible"),t.removeAttribute("aria-hidden"),e&&t.style.removeProperty("flex-basis")}),this.el.classList.remove("swiper-initialized","swiper-horizontal"),this.destroyed=!0,t&&delete this.el.swiper,this.emit("destroy"),this.events.clear())}}"undefined"!=typeof window&&(window.Swiper=g)})();

package/distr/component/switch/css/switch.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-switch{background-color:transparent;background-color:var(--sf-switch--background-color, transparent);gap:var(--sf-switch--gap)}.sf-switch .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-size-3);font-size:var(--sf-icon--font-size, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-icon--height, var(--sf-text-size-3));width:var(--sf-text-size-3);width:var(--sf-icon--width, var(--sf-text-size-3))}.sf-switch .sf-switch-container-wrap{--sf-switch-container-wrap--background-color: transparent;--sf-switch-container-wrap--gap: var(--sf-space-0);background-color:var(--sf-switch-container-wrap--background-color);gap:var(--sf-switch-container-wrap--gap)}.sf-switch .sf-switch-description{--sf-switch-description--color: var(--sf-on-surface-variant);--sf-switch-description--font-family: var(--sf-text--family);--sf-switch-description--font-weight: var(--sf-font-weight-regular);color:var(--sf-switch-description--color);font-family:var(--sf-switch-description--font-family);font-size:var(--sf-switch-description--font-size);font-weight:var(--sf-switch-description--font-weight);line-height:var(--sf-switch-description--line-height)}.sf-switch .sf-switch-top{--sf-switch-top--background-color: transparent;background-color:var(--sf-switch-top--background-color);gap:var(--sf-switch-top--gap)}.sf-switch .sf-switch-container{--sf-switch-container--background-color: transparent;--sf-switch-container--gap: var(--sf-a0);background-color:var(--sf-switch-container--background-color);color:var(--sf-switch-container--color);font-family:var(--sf-switch-container--font-family);font-size:var(--sf-switch-container--font-size);font-weight:var(--sf-switch-container--font-weight);gap:var(--sf-switch-container--gap);line-height:var(--sf-switch-container--line-height);--sf-switch-container--color: var(--sf-switch-color, var(--sf-on-surface))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-bottom-right-radius:var(--sf-switch-toggler--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-bottom-right-radius:var(--sf-switch-toggler--border-end-end-radius)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){border-bottom-right-radius:var(--sf-switch-toggler--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{border-bottom-left-radius:var(--sf-switch-toggler--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{border-bottom-left-radius:var(--sf-switch-toggler--border-end-end-radius)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){border-bottom-left-radius:var(--sf-switch-toggler--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-bottom-left-radius:var(--sf-switch-toggler--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-bottom-left-radius:var(--sf-switch-toggler--border-end-start-radius)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){border-bottom-left-radius:var(--sf-switch-toggler--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{border-bottom-right-radius:var(--sf-switch-toggler--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{border-bottom-right-radius:var(--sf-switch-toggler--border-end-start-radius)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){border-bottom-right-radius:var(--sf-switch-toggler--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-top-right-radius:var(--sf-switch-toggler--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-top-right-radius:var(--sf-switch-toggler--border-start-end-radius)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){border-top-right-radius:var(--sf-switch-toggler--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{border-top-left-radius:var(--sf-switch-toggler--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{border-top-left-radius:var(--sf-switch-toggler--border-start-end-radius)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){border-top-left-radius:var(--sf-switch-toggler--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-top-left-radius:var(--sf-switch-toggler--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{border-top-left-radius:var(--sf-switch-toggler--border-start-start-radius)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){border-top-left-radius:var(--sf-switch-toggler--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{border-top-right-radius:var(--sf-switch-toggler--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{border-top-right-radius:var(--sf-switch-toggler--border-start-start-radius)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){border-top-right-radius:var(--sf-switch-toggler--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{padding-right:var(--sf-switch-toggler--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{padding-right:var(--sf-switch-toggler--padding-inline-end)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){padding-right:var(--sf-switch-toggler--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{padding-left:var(--sf-switch-toggler--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{padding-left:var(--sf-switch-toggler--padding-inline-end)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){padding-left:var(--sf-switch-toggler--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{padding-left:var(--sf-switch-toggler--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-switch .sf-switch-toggler{padding-left:var(--sf-switch-toggler--padding-inline-start)}}.sf-switch .sf-switch-toggler:where(:dir(ltr)){padding-left:var(--sf-switch-toggler--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-switch .sf-switch-toggler{padding-right:var(--sf-switch-toggler--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-switch .sf-switch-toggler{padding-right:var(--sf-switch-toggler--padding-inline-start)}}.sf-switch .sf-switch-toggler:where(:dir(rtl)){padding-right:var(--sf-switch-toggler--padding-inline-start)}.sf-switch .sf-switch-toggler{--sf-switch-toggler--background-color: var(--sf-switch-background-color, var(--sf-surface-0));--sf-switch-toggler--border: var(--sf-px) solid;--sf-switch-toggler--border-color: var(--sf-switch-border-color, var(--sf-outline));--sf-switch-toggler--border-end-end-radius: var(--sf-switch-radius, var(--sf-radius-circle));--sf-switch-toggler--border-end-start-radius: var(--sf-switch-radius, var(--sf-radius-circle));--sf-switch-toggler--border-start-end-radius: var(--sf-switch-radius, var(--sf-radius-circle));--sf-switch-toggler--border-start-start-radius: var(--sf-switch-radius, var(--sf-radius-circle));--sf-switch-toggler--border-style: solid;--sf-switch-toggler--border-width: var(--sf-switch-border-width, var(--sf-px));background-color:var(--sf-switch-toggler--background-color);border:var(--sf-switch-toggler--border);border-color:transparent;border-color:var(--sf-switch-toggler--border-color, transparent);border-end-end-radius:var(--sf-switch-toggler--border-end-end-radius);border-end-start-radius:var(--sf-switch-toggler--border-end-start-radius);border-start-end-radius:var(--sf-switch-toggler--border-start-end-radius);border-start-start-radius:var(--sf-switch-toggler--border-start-start-radius);border-style:solid;border-style:var(--sf-switch-toggler--border-style, solid);border-width:var(--sf-switch-toggler--border-width);box-shadow:var(--sf-switch-toggler--box-shadow);height:var(--sf-switch-toggler--height);padding-bottom:var(--sf-switch-toggler--padding-bottom);-webkit-padding-end:var(--sf-switch-toggler--padding-inline-end);padding-inline-end:var(--sf-switch-toggler--padding-inline-end);-webkit-padding-start:var(--sf-switch-toggler--padding-inline-start);padding-inline-start:var(--sf-switch-toggler--padding-inline-start);padding-top:var(--sf-switch-toggler--padding-top);width:var(--sf-switch-toggler--width)}.sf-switch .sf-switch-inner{--sf-switch-inner--background-color: var(--sf-on-surface-variant);--sf-switch-inner--border-radius: var(--sf-radius-circle);background-color:var(--sf-switch-inner--background-color);border-radius:var(--sf-switch-inner--border-radius);height:var(--sf-switch-inner--height);width:var(--sf-switch-inner--width)}.sf-switch.sf-switch--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/2);--sf-icon--height: var(--sf-text-height-1\/2);--sf-icon--width: var(--sf-text-height-1\/2)}.sf-switch.sf-switch--size-1 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1);--sf-icon--height: var(--sf-text-height-1);--sf-icon--width: var(--sf-text-height-1)}.sf-switch.sf-switch--size-2 .sf-icon{--sf-icon--font-size: var(--sf-text-height-2);--sf-icon--height: var(--sf-text-height-2);--sf-icon--width: var(--sf-text-height-2)}.sf-switch.sf-switch--size-1\/2 .sf-switch-container{--sf-switch-container--font-size: var(--sf-text-size-1\/2);--sf-switch-container--line-height: var(--sf-text-height-1\/2)}.sf-switch.sf-switch--size-1 .sf-switch-container{--sf-switch-container--font-size: var(--sf-text-size-1);--sf-switch-container--line-height: var(--sf-text-height-1)}.sf-switch.sf-switch--size-2 .sf-switch-container{--sf-switch-container--font-size: var(--sf-text-size-2);--sf-switch-container--line-height: var(--sf-text-height-2)}.sf-switch.sf-switch--size-1\/2 .sf-switch-top{--sf-switch-top--gap: var(--sf-space-1\/4)}.sf-switch.sf-switch--size-1 .sf-switch-top{--sf-switch-top--gap: var(--sf-space-1\/4)}.sf-switch.sf-switch--size-2 .sf-switch-top{--sf-switch-top--gap: var(--sf-space-1\/3)}.sf-switch.disabled .sf-switch-container{--sf-switch-container--color: var(--sf-on-disable)}.sf-switch.sf-switch--size-1\/2 .sf-switch-description{--sf-switch-description--font-size: var(--sf-text-size-1\/3);--sf-switch-description--line-height: var(--sf-text-height-1\/3)}.sf-switch.sf-switch--size-1 .sf-switch-description{--sf-switch-description--font-size: var(--sf-text-size-1\/2);--sf-switch-description--line-height: var(--sf-text-height-1\/2)}.sf-switch.sf-switch--size-2 .sf-switch-description{--sf-switch-description--font-size: var(--sf-text-size-1);--sf-switch-description--line-height: var(--sf-text-height-1)}.sf-switch.active[\:not-has\(input\:disabled\)] .sf-switch-inner{--sf-switch-inner--background-color: var(--sf-on-primary)}.sf-switch.active:not(:has(input:disabled)) .sf-switch-inner{--sf-switch-inner--background-color: var(--sf-on-primary)}.sf-switch.active[\:not-has\(input\:disabled\)] .sf-switch-toggler{--sf-switch-toggler--background-color: var(--sf-primary)}.sf-switch.active:not(:has(input:disabled)) .sf-switch-toggler{--sf-switch-toggler--background-color: var(--sf-primary)}.sf-switch{--sf-switch--duration: var(--sf-duration-normal);--sf-switch--ratio: 2;--sf-switch--seat: var(--sf-a2)}.sf-switch.sf-switch--short{--sf-switch--ratio: 1.5}.sf-switch.sf-switch--size-1\/2{--sf-switch--track-height: var(--sf-text-height-1\/2)}.sf-switch.sf-switch--size-1{--sf-switch--track-height: var(--sf-text-height-1)}.sf-switch.sf-switch--size-2{--sf-switch--track-height: var(--sf-text-height-2)}.sf-switch .sf-switch-toggler{--sf-switch-toggler--height: var(--sf-switch--track-height);--sf-switch-toggler--padding-bottom: calc(var(--sf-switch--seat) - var(--sf-switch-toggler--border-width));--sf-switch-toggler--padding-inline-end: calc(var(--sf-switch--seat) - var(--sf-switch-toggler--border-width));--sf-switch-toggler--padding-inline-start: calc(var(--sf-switch--seat) - var(--sf-switch-toggler--border-width));--sf-switch-toggler--padding-top: calc(var(--sf-switch--seat) - var(--sf-switch-toggler--border-width));--sf-switch-toggler--width: calc(var(--sf-switch--track-height) * var(--sf-switch--ratio));justify-content:flex-start}.sf-switch .sf-switch-inner{--sf-switch-inner--height: calc(var(--sf-switch--track-height) - 2 * var(--sf-switch--seat));--sf-switch-inner--width: calc(var(--sf-switch--track-height) - 2 * var(--sf-switch--seat))}.sf-switch .sf-switch-inner{--sf-switch-inner--travel: 0px;-webkit-transform:translateX(calc(var(--sf-switch-inner--travel) * 1));transform:translateX(calc(var(--sf-switch-inner--travel) * 1));-webkit-transform:translateX(calc(var(--sf-switch-inner--travel) * var(--sf-switch-inner--direction, 1)));transform:translateX(calc(var(--sf-switch-inner--travel) * var(--sf-switch-inner--direction, 1)));transition:background-color var(--sf-switch--duration) var(--sf-animation),-webkit-transform var(--sf-switch--duration) var(--sf-animation);transition:transform var(--sf-switch--duration) var(--sf-animation),background-color var(--sf-switch--duration) var(--sf-animation);transition:transform var(--sf-switch--duration) var(--sf-animation),background-color var(--sf-switch--duration) var(--sf-animation),-webkit-transform var(--sf-switch--duration) var(--sf-animation)}.sf-switch.active .sf-switch-inner{--sf-switch-inner--travel: calc(var(--sf-switch--track-height) * (var(--sf-switch--ratio) - 1))}[dir=rtl] .sf-switch .sf-switch-inner{--sf-switch-inner--direction: -1}.sf-switch .sf-switch-toggler{transition:background-color var(--sf-switch--duration) var(--sf-animation),border-color var(--sf-switch--duration) var(--sf-animation)}.sf-switch .sf-switch-inner{display:grid;align-items:center;justify-items:center;place-items:center;position:relative}.sf-switch .sf-switch-inner .sf-icon{--sf-icon--color: var(--sf-switch-toggler--background-color);--sf-icon--font-size: calc(var(--sf-switch-inner--height) - var(--sf-a4));--sf-icon--height: calc(var(--sf-switch-inner--height) - var(--sf-a4));--sf-icon--width: calc(var(--sf-switch-inner--height) - var(--sf-a4));grid-area:1/1;transition:opacity var(--sf-switch--duration) var(--sf-animation)}.sf-switch .sf-switch-inner .sf-switch-icon--on{opacity:0}.sf-switch.active .sf-switch-inner .sf-switch-icon--on{opacity:1}.sf-switch.active .sf-switch-inner .sf-switch-icon--off:not(:only-child){opacity:0}.sf-switch--size-1\/2{--sf-switch--gap: var(--sf-switch-gap, var(--sf-ui-1\/2--text-space-x))}.sf-switch--size-1{--sf-switch--gap: var(--sf-switch-gap, var(--sf-ui-1--text-space-x))}.sf-switch--size-2{--sf-switch--gap: var(--sf-switch-gap, var(--sf-ui-2--text-space-x))}.sf-switch.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-switch.disabled .sf-switch-description{--sf-switch-description--color: var(--sf-on-disable)}.sf-switch.disabled .sf-switch-inner{--sf-switch-inner--background-color: var(--sf-on-disable)}.sf-switch.disabled .sf-switch-toggler{--sf-switch-toggler--border-color: var(--sf-outline-disable)}.sf-switch[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-switch-toggler{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-switch:has(input:not(:disabled):not(.disabled).focus-visible) .sf-switch-toggler{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-switch[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-switch-toggler{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-switch:has(input:not(:disabled):not(.disabled):focus-visible) .sf-switch-toggler{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-switch input.focus-visible{outline:none}.sf-switch input:focus-visible{outline:none}.sf-switch[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:hover\)] .sf-switch-toggler{--sf-switch-toggler--border-color: var(--sf-primary-hover)}.sf-switch:has(input:enabled:not(:disabled):not(.disabled):hover) .sf-switch-toggler{--sf-switch-toggler--border-color: var(--sf-primary-hover)}.sf-switch:not(:disabled):not(.disabled):active .sf-switch-inner{--sf-switch-inner--background-color: var(--sf-on-primary)}.sf-switch:not(:disabled):not(.disabled):active .sf-switch-toggler{--sf-switch-toggler--background-color: var(--sf-primary)}}@layer sf.states{@media(forced-colors: active){.sf-switch .sf-switch-toggler{forced-color-adjust:none;background-color:Canvas;border-color:ButtonText}.sf-switch .sf-switch-inner{background-color:ButtonText}.sf-switch[\:has\(input\:checked\)] .sf-switch-toggler{background-color:Highlight;border-color:Highlight}.sf-switch:has(input:checked) .sf-switch-toggler{background-color:Highlight;border-color:Highlight}.sf-switch[\:has\(input\:checked\)] .sf-switch-inner{background-color:HighlightText}.sf-switch:has(input:checked) .sf-switch-inner{background-color:HighlightText}.sf-switch[\:has\(input\:disabled\)] .sf-switch-toggler{background-color:Canvas;border-color:GrayText}.sf-switch:has(input:disabled) .sf-switch-toggler{background-color:Canvas;border-color:GrayText}.sf-switch[\:has\(input\:disabled\)] .sf-switch-inner{background-color:GrayText}.sf-switch:has(input:disabled) .sf-switch-inner{background-color:GrayText}.sf-switch[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-switch-toggler{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-switch-toggler--box-shadow: none}.sf-switch:has(input:not(:disabled):not(.disabled).focus-visible) .sf-switch-toggler{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-switch-toggler--box-shadow: none}.sf-switch[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-switch-toggler{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-switch-toggler--box-shadow: none}.sf-switch:has(input:not(:disabled):not(.disabled):focus-visible) .sf-switch-toggler{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-switch-toggler--box-shadow: none}}}@layer sf.states{@media(prefers-reduced-motion: reduce){.sf-switch .sf-switch-inner,.sf-switch .sf-switch-toggler,.sf-switch .sf-switch-inner .sf-icon{transition-duration:0s}}}@layer sf.components{.sf-switch{min-width:0}.sf-switch:not(.disabled)[\:has\(input\:not\(\:disabled\)\)]{cursor:pointer}.sf-switch:not(.disabled):has(input:not(:disabled)){cursor:pointer}.sf-switch.disabled,.sf-switch[\:has\(input\:disabled\)]{cursor:default}.sf-switch.disabled,.sf-switch:has(input:disabled){cursor:default}.sf-switch .sf-switch-toggler{position:relative;flex-shrink:0}.sf-switch .sf-switch-container-wrap{min-width:0}.sf-switch .sf-switch-text{white-space:normal;white-space:var(--sf-switch-text--white-space, normal);word-wrap:anywhere}.sf-switch .sf-switch-toggler input[type=checkbox]{cursor:inherit;top:min(0px,(100% - var(--sf-c2))/2);right:min(0px,(100% - var(--sf-c2))/2);bottom:min(0px,(100% - var(--sf-c2))/2);left:min(0px,(100% - var(--sf-c2))/2);inset:min(0px,(100% - var(--sf-c2))/2) min(0px,(100% - var(--sf-c2))/2);width:max(100%,var(--sf-c2));inline-size:max(100%,var(--sf-c2));height:max(100%,var(--sf-c2));block-size:max(100%,var(--sf-c2));margin:0;opacity:0;position:absolute}}

package/distr/component/switch/js/switch.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)},i=new WeakMap,s=new WeakSet;const n="label.sf-switch",a="sfSwitchBound";function o(t,e=!1){if(null==t||""===t)return e;if("boolean"==typeof t)return t;const i=String(t).toLowerCase();return["1","true","yes","on","checked","disabled"].includes(i)}function c(t){if(!t)return{};return{input:t.querySelector('input[type="checkbox"]'),toggler:t.querySelector(".sf-switch-toggler"),inner:t.querySelector(".sf-switch-inner"),description:t.querySelector(".sf-switch-description")}}function r(t){const{input:e,toggler:i,inner:s,description:n}=c(t);if(!e||!i||!s)return;const a=!!e.checked,o=!!e.disabled,r=t.dataset.sfSwitchOnText||"",h=t.dataset.sfSwitchOffText||"",l=!(!r||!h);t.classList.toggle("active",a),t.classList.toggle("disabled",o),i.removeAttribute("aria-hidden"),s.setAttribute("aria-hidden","true"),n&&l&&(n.textContent=a?r:h)}function h(t){if(!t||"1"===t.dataset[a])return;const{input:e}=c(t);if(!e)return;const n=()=>r(t);t.__sfSwitchHandleChange=n,e.addEventListener("change",n),t.__sfSwitchReleaseReset=function(t,e){const n=t.ownerDocument;s.has(n)||(n.addEventListener("reset",t=>{const e=t.target;if("FORM"!==e?.tagName)return;const s=Array.from(e.elements);setTimeout(()=>{if(!t.defaultPrevented)for(const t of s)if(t.isConnected&&t.form===e)for(const e of i.get(t)||[])e()},0)},!0),s.add(n));let a=i.get(t);return a||i.set(t,a=new Set),a.add(e),()=>a.delete(e)}(e,n),t.dataset[a]="1",r(t)}function l(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(n)&&h(t),t.querySelectorAll?.(n).forEach(h))}function d(t=document){l(t)}e("Switch",class extends t{static componentName="Switch";html=null;constructor(t){super(t);const{size:e="1",title:i="",label:s=i,description:n="",help:a="",checked:c=!1,disabled:r=!1,name:h="",on:l,off:d,value:p}=this.params||{},f=this.attrs.class||this.attrs.className;this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-switch",`sf-switch--size-${e}`,"flex"),f&&this.template.classList.add(...`${f}`.split(" ").filter(Boolean)),this.toggler=document.createElement("span"),this.toggler.classList.add("sf-switch-toggler","flex","items-cross-center"),this.input=document.createElement("input"),this.input.type="checkbox",this.input.setAttribute("role","switch"),h&&(this.input.name=h),void 0!==p&&(this.input.value=p),this.hasToggleText=!(!d||!l),this.onText=l||"",this.offText=d||"";const u=this.hasToggleText?o(c)?this.onText:this.offText:n;this.input.checked=o(c),this.input.defaultChecked=this.input.checked,this.input.disabled=o(r),this.hasToggleText&&(this.template.dataset.sfSwitchOnText=this.onText,this.template.dataset.sfSwitchOffText=this.offText),Object.entries(this.attrs).filter(([t])=>!["class","className","on","off"].includes(t)).forEach(([t,e])=>{null!=e&&this.input.setAttribute(t,e)}),this.inner=document.createElement("span"),this.inner.classList.add("sf-switch-inner"),this.inner.setAttribute("aria-hidden","true"),this.toggler.append(this.input,this.inner),this.template.append(this.toggler),(s||u||a)&&(this.containerWrap=document.createElement("span"),this.containerWrap.classList.add("sf-switch-container-wrap","flex","flex-col","text-start","flex-1"),(s||a)&&(this.top=document.createElement("span"),this.top.classList.add("sf-switch-top","flex"),s&&(this.container=document.createElement("span"),this.container.classList.add("sf-switch-container","flex","items-cross-center","content-main-center"),this.text=document.createElement("span"),this.text.classList.add("sf-switch-text"),this.text.textContent=s,this.container.append(this.text),this.top.append(this.container)),a&&(this.helpIcon=document.createElement("i"),this.helpIcon.classList.add("sf-icon"),this.helpIcon.setAttribute("aria-hidden","true"),this.helpIcon.textContent=a,this.top.append(this.helpIcon)),this.containerWrap.append(this.top)),u&&(this.description=document.createElement("span"),this.description.classList.add("sf-switch-description"),this.description.textContent=u,this.containerWrap.append(this.description)),this.template.append(this.containerWrap))}init(){h(this.template)}destroyInternal(){this.template&&function(t){if(!t)return;t.__sfSwitchReleaseReset?.(),delete t.__sfSwitchReleaseReset;const{input:e}=c(t);e&&t.__sfSwitchHandleChange&&e.removeEventListener("change",t.__sfSwitchHandleChange),delete t.__sfSwitchHandleChange,delete t.dataset[a]}(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Switch=window.SF.Switch||{},window.SF.Switch.setState=function(t,e={}){if(!(t instanceof HTMLInputElement)||"checkbox"!==t.type)return!1;Object.prototype.hasOwnProperty.call(e,"checked")&&(t.checked=o(e.checked)),Object.prototype.hasOwnProperty.call(e,"disabled")&&(t.disabled=o(e.disabled));const i=t.closest(n);return i&&r(i),!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>d()):d();new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&l(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/tab/css/tab.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-tab>nav>ul{display:flex;gap:0;gap:var(--sf-tab--gap, 0);margin:0;padding:0;list-style:none}.sf-tab>nav>ul>li{min-width:0;min-inline-size:0;cursor:pointer}.sf-tab>nav>ul>li[aria-disabled=true],.sf-tab>nav>ul>li.disabled{cursor:default}.sf-tab>nav>ul>li>.sf-tab-active{display:none}.sf-tab>nav>ul>li>.sf-tab-inactive,.sf-tab>nav>ul>li.active>.sf-tab-active{display:block;border-radius:var(--sf-radius--ui);border-radius:var(--sf-tab--radius, var(--sf-radius--ui))}.sf-tab>nav>ul>li.active>.sf-tab-inactive,.sf-tab>.sf-tab-content>section:not(.active){display:none}.sf-tab>.sf-tab-content{position:relative;min-width:0;min-inline-size:0}.sf-tab>nav>ul>li.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tab>nav>ul>li:focus-visible{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-tab>nav>ul>li.focus-visible{outline-color:CanvasText}.sf-tab>nav>ul>li:focus-visible{outline-color:CanvasText}}}

package/distr/component/tab/js/tab.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=".sf-tab",n="active",i=new WeakSet;let o=0;function r(t,n){return Array.from(t.querySelectorAll(n)).filter(n=>n.closest(e)===t)}function s(t){return{list:r(t,"nav > ul")[0]||null,tabs:r(t,"nav > ul > li"),panels:r(t,".sf-tab-content > section")}}function a(t,e){return t.id||(t.id=`sf-tab-${e}-${++o}`),t.id}function l(t){return t.classList.contains("disabled")||"true"===t.getAttribute("aria-disabled")}function d(t,e){const n=Number.parseInt(t,10);return Number.isFinite(n)&&n>=0&&n<e?n:0}function c(t,e){const{list:i,tabs:o,panels:r}=s(t);if(!i||!o.length)return{list:i,tabs:o,panels:r};i.setAttribute("role","tablist"),i.setAttribute("aria-orientation","horizontal");const l=i.closest("nav");for(const t of["aria-label","aria-labelledby"])!i.hasAttribute(t)&&l?.hasAttribute(t)&&i.setAttribute(t,l.getAttribute(t));const c=function(t,e,i,o){const r=t.getAttribute("data-active")??o;return d(null!=r?r:e.findIndex((t,e)=>t.classList.contains(n)||i[e]?.classList.contains(n)),e.length)}(t,o,r,e);return o.forEach((t,e)=>{t.setAttribute("role","tab"),a(t,"trigger"),r[e]&&t.setAttribute("aria-controls",a(r[e],"panel"))}),u(t,c,!1),{list:i,tabs:o,panels:r}}function u(t,e,i=!0){const{tabs:o,panels:r}=s(t);if(!o.length)return;const a=d(e,o.length),c=l(o[a])?o.find(t=>!l(t)):o[a],u=c?o.indexOf(c):a;o.forEach((t,e)=>{const i=e===u;t.classList.toggle(n,i),t.setAttribute("aria-selected",String(i)),t.tabIndex=t!==c||l(t)?-1:0}),r.forEach((t,e)=>{const i=e===u;t.classList.toggle(n,i),t.toggleAttribute("hidden",!i),t.setAttribute("role","tabpanel"),o[e]&&t.setAttribute("aria-labelledby",o[e].id)}),t.getAttribute("data-active")!==String(u)&&t.setAttribute("data-active",String(u)),i&&t.dispatchEvent(new CustomEvent("sf:tab-change",{bubbles:!0,detail:{index:u,tab:o[u],panel:r[u]||null}}))}function f(t,e={}){t instanceof HTMLElement&&(c(t,e.start),t.classList.add("initialized"),i.has(t)||(t.addEventListener("click",e=>{const{tabs:n}=s(t),i=e.target.closest?.("nav > ul > li"),o=n.indexOf(i);o<0||l(i)||(e.preventDefault(),u(t,o))}),t.addEventListener("keydown",e=>{if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey)return;const{tabs:n}=s(t),i=e.target.closest?.("nav > ul > li");if(!n.includes(i)||e.target!==i||l(i))return;if("Enter"===e.key||" "===e.key)return e.preventDefault(),void u(t,n.indexOf(i));if(!["ArrowLeft","ArrowRight","Home","End"].includes(e.key))return;const o=function(t,e,n){const{tabs:i}=s(t),o=i.filter(t=>!l(t));if(!o.length)return null;if("Home"===n)return o[0];if("End"===n)return o[o.length-1];let r="ArrowLeft"===n?-1:1;return"rtl"===getComputedStyle(e).direction&&(r*=-1),o[(o.indexOf(e)+r+o.length)%o.length]}(t,i,e.key);o&&(e.preventDefault(),u(t,n.indexOf(o)),o.focus())}),i.add(t)))}function b(t=document){t instanceof Element&&t.matches(e)&&f(t),t.querySelectorAll?.(e).forEach(t=>f(t))}function h(t,e={}){this.el=t,this.options={...this.options,...e},f(t,this.options)}if(h.prototype.options={start:0},h.prototype._show=function(t){u(this.el,t)},h.prototype.refresh=function(){c(this.el,this.options.start)},h.componentName="sfTab",window.sfTab=h,window.SF=window.SF||{},window.SF.Tab=window.SF.Tab||{init:b,activate:u},t("sfTab",h),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>b()):b(),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{const n=new Set;t.forEach(t=>{const i=t.target.closest?.(e);i&&n.add(i),t.addedNodes.forEach(t=>{t instanceof Element&&(t.matches(e)&&n.add(t),t.querySelectorAll(e).forEach(t=>n.add(t)))})}),n.forEach(t=>{t.isConnected&&f(t)})}).observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-disabled","data-active"]})}})();

package/distr/component/tabs/css/tabs.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-tabs{background-color:transparent;background-color:var(--sf-tabs--background-color, transparent);min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container,.sf-tabs>.sf-tabs-main-container,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;flex-shrink:0}.sf-tabs:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{overflow-x:auto}@media(prefers-reduced-motion: reduce){.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{scroll-behavior:auto}}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button-text-container{min-width:0;min-inline-size:0;white-space:normal;word-wrap:anywhere}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon{flex-shrink:0}.sf-tabs.sf-tabs--vertical{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2);-webkit-column-gap:var(--sf-tabs--gap, var(--sf-space-2));-moz-column-gap:var(--sf-tabs--gap, var(--sf-space-2));column-gap:var(--sf-tabs--gap, var(--sf-space-2))}.sf-tabs-top{margin:0;margin:var(--sf-tabs-top--margin, 0);border-width:0;border-width:var(--sf-tabs-top--border-width, 0);border-style:solid;border-style:var(--sf-tabs-top--border-style, solid);border-color:transparent;border-color:var(--sf-tabs-top--border-color, transparent);gap:var(--sf-space-1);gap:var(--sf-tabs-top--gap, var(--sf-tabs-gap, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}.sf-tabs-main-container{-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-main-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-main-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-top:var(--sf-space-1);padding-top:var(--sf-tabs-main-container--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-tabs-main-container--padding-bottom, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}.sf-tabs-top-container{border-width:0 0 var(--sf-px) 0;border-width:var(--sf-tabs-top-container--border-width, 0 0 var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) 0);border-style:solid;border-style:var(--sf-tabs-top-container--border-style, solid);border-color:var(--sf-outline-variant);border-color:var(--sf-tabs-top-container--border-color, var(--sf-tabs-border-color, var(--sf-outline-variant)));-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-top-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-top-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-top:0;padding-top:var(--sf-tabs-top-container--padding-top, 0);padding-bottom:0;padding-bottom:var(--sf-tabs-top-container--padding-bottom, 0)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--margin: 0 0 calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) * -1) 0}.sf-tabs--pills>.sf-tabs-top-container,.sf-tabs--full>.sf-tabs-top-container,.sf-tabs.sf-tabs--vertical>.sf-tabs-top-container{--sf-tabs-top-container--border-color: transparent;--sf-tabs-top-container--border-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: 0;flex:1}}@layer sf.overrides{.sf-tabs-top .sf-button,.sf-tabs-top .sf-icon-button{--sf-tabs--focus-ink: var(--sf-on-surface);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-button--border-top-right-radius: var(--sf-radius-rounded);--sf-button--border-top-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-left-radius: var(--sf-radius-rounded)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-top-width: 0;--sf-button--border-inline-start-width: 0;--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-button--border-inline-end-width: 0;--sf-icon-button--border-top-width: 0;--sf-icon-button--border-inline-start-width: 0;--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-icon-button--border-inline-end-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{flex:1 0 0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;--sf-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-top-left-radius: var(--sf-radius-square)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-icon-button:first-child{--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-icon-button:last-child{--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui)}.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}}@layer sf.states{.sf-tabs-top .sf-button--default.sf-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-button--default.sf-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-button--tonal.sf-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs-top .sf-icon-button--tonal.sf-icon-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent);--sf-icon-button--background-color: var(--sf-transparent)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}@media(forced-colors: active){.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)*-1)}}}@layer sf.components{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-before:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-block-start:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-before:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-block-start:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}}@layer sf.overrides{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--padding-inline-start: calc(var(--sf-px) * 0);--sf-button--padding-inline-end: calc(var(--sf-px) * 0)}.sf-tabs--underline.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c0))}.sf-tabs--underline.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c2))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c6))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3));--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3))}.sf-tabs.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1\/2)}.sf-tabs.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1)}.sf-tabs.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}}.sf-tabs-count:where(:dir(ltr)){margin-left:var(--sf-a6)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}}.sf-tabs-count:where(:dir(rtl)){margin-right:var(--sf-a6)}.sf-tabs-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sf-text-height-1\/3);min-inline-size:var(--sf-text-height-1\/3);-webkit-margin-start:var(--sf-a6);margin-inline-start:var(--sf-a6);padding-left:var(--sf-a4);padding-right:var(--sf-a4);padding-inline:var(--sf-a4);border-radius:var(--sf-radius-circle);background-color:var(--sf-secondary-container);color:var(--sf-on-secondary-container);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3);font-weight:var(--sf-font-weight-medium);vertical-align:middle}.sf-tabs--overflow-wrap:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:wrap;overflow-x:visible}.sf-tabs--overflow-more:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:nowrap;overflow-x:clip}.sf-tabs-top>.sf-tabs-overflowed,.sf-tabs-top>.sf-tabs-overflowed>*{display:none !important}.sf-tabs-more,.sf-tabs-settings{flex:none}.sf-tabs-more>button{white-space:nowrap}.sf-tabs--underline>.sf-tabs-top-container--tools>.sf-tabs-more>button{margin-bottom:calc(var(--sf-px)*-1);-webkit-margin-after:calc(var(--sf-px)*-1);margin-block-end:calc(var(--sf-px)*-1);margin-bottom:calc(var(--sf-px)*-1);margin-bottom:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))*-1);-webkit-margin-after:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))*-1);margin-block-end:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))*-1)}.sf-tabs-top-container.sf-tabs-top-container--tools{display:flex;align-items:flex-end;gap:var(--sf-space-1\/2)}.sf-tabs-top-container--tools>.sf-tabs-top{flex:1 1 auto;min-width:0;min-inline-size:0}.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more,.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more>button{display:none}.sf-tabs-settings-list{display:flex;flex-direction:column;gap:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(ltr)){padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8));padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(rtl)){padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8));padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}.sf-tabs-settings-row{display:flex;align-items:center;gap:var(--sf-space-1\/2);min-height:calc(var(--sf-text-height-1\/2) + 2*var(--sf-a6));min-block-size:calc(var(--sf-text-height-1\/2) + 2*var(--sf-a6));min-height:calc(var(--sf-text-height-1\/2) + 2*var(--sf-a6));min-height:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2*var(--sf-context-menu--space-y, var(--sf-a6)));min-block-size:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2*var(--sf-context-menu--space-y, var(--sf-a6)));padding-left:var(--sf-a8);padding-right:var(--sf-a8);padding-inline:var(--sf-a8) var(--sf-a8);padding-inline:var(--sf-context-menu--inset-start, var(--sf-a8)) var(--sf-context-menu--inset-end, var(--sf-a8));border-radius:var(--sf-radius--ui)}.sf-tabs-settings-handle{display:inline-flex;cursor:-webkit-grab;cursor:grab;--sf-icon--color: var(--sf-on-surface-variant)}.sf-tabs-settings-label{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:nowrap}.sf-tabs-settings-pin{--sf-icon--color: var(--sf-on-surface-variant)}}

package/distr/component/tabs/js/tabs.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 n=t.match(/\(([^)]+)\)/g);n&&n.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 n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[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)},n=".sf-tabs",i="selected",s=new WeakSet,a=new WeakMap;let r=0;function o(t){return"sf-tabs"===t?.parentElement?.localName}function l(t,e){return Array.from(t.querySelectorAll(e)).filter(e=>e.closest(".sf-tabs")===t)}function c(t){return l(t,".sf-tabs-top .sf-button, .sf-tabs-top .sf-icon-button")}function d(t){return t.disabled||t.classList.contains("disabled")||"true"===t.getAttribute("aria-disabled")}function u(t,e){const n=/^sf-tabs-(?:tab|panel|label)-\d+$/.test(t.id)&&document.querySelectorAll(`#${CSS.escape(t.id)}`).length>1;if(!t.id||n){let n;do{n=`sf-tabs-${e}-${++r}`}while(document.getElementById(n));t.id=n}return t.id}function f(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(n)&&w(t),t.querySelectorAll?.(n).forEach(w))}function b(t){let e=0;for(const n of t)n.dataset.tab=e++}function h(t,e){const n=Number.parseInt(t,10);return!Number.isFinite(n)||n<0||n>=e?0:n}function m(t,e){if(o(t))return;const n=c(t),s=l(t,".sf-tabs-main-container .sf-tabs-main-tab"),r=h(e,n.length);!function(t,e,n){const i=l(t,".sf-tabs-top")[0];if(i){"tablist"===t.getAttribute("role")&&t.removeAttribute("role"),i.setAttribute("role","tablist"),i.setAttribute("aria-orientation",t.classList.contains("sf-tabs--vertical")?"vertical":"horizontal");for(const e of["aria-label","aria-labelledby"])!i.hasAttribute(e)&&t.hasAttribute(e)&&i.setAttribute(e,t.getAttribute(e));b(e),b(n),e.forEach((t,e)=>{u(t,"tab"),t.setAttribute("role","tab"),n[e]&&t.setAttribute("aria-controls",u(n[e],"panel"));const i=t.querySelector(".sf-button-text-container"),s=a.get(t);if(i&&!t.hasAttribute("aria-label")&&(!t.hasAttribute("aria-labelledby")||t.getAttribute("aria-labelledby")===s||/^sf-tabs-label-\d+$/.test(t.getAttribute("aria-labelledby")))){const e=u(i,"label");t.setAttribute("aria-labelledby",e),a.set(t,e)}}),n.forEach((t,n)=>{t.setAttribute("role","tabpanel"),e[n]&&t.setAttribute("aria-labelledby",e[n].id),t.hasAttribute("tabindex")||(t.tabIndex=0)})}}(t,n,s);const f=n[r]&&!d(n[r])?n[r]:n.find(t=>!d(t));t.dataset.activeIndex!==String(r)&&(t.dataset.activeIndex=String(r)),n.forEach((t,e)=>{const n=e===r;t.classList.contains(i)!==n&&t.classList.toggle(i,n),t.setAttribute("aria-selected",String(n)),t.setAttribute("tabindex",t===f?"0":"-1")}),s.forEach((t,e)=>{const n=e===r;t.classList.contains(i)!==n&&t.classList.toggle(i,n),t.toggleAttribute("hidden",!n)})}function w(t){if(!(t instanceof HTMLElement)||o(t))return;const e=c(t);m(t,function(t,e){const n=t.getAttribute("data-active-index")||t.getAttribute("data-active")||t.getAttribute("active-index")||t.getAttribute("active");return h(null!==n?n:Array.from(e).findIndex(t=>t.classList.contains(i)),e.length)}(t,e)),s.has(t)||(t.addEventListener("click",e=>{const n=e.target.closest?.(".sf-button, .sf-icon-button"),i=c(t).indexOf(n);i<0||d(n)||m(t,i)}),t.addEventListener("keydown",e=>{if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey)return;const n=c(t),i=e.target;if(!n.includes(i)||d(i))return;if("Enter"===e.key||" "===e.key)return void("BUTTON"!==i.tagName&&(e.preventDefault(),m(t,n.indexOf(i))));const s=t.classList.contains("sf-tabs--vertical"),a=s?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"];if(!["Home","End",...a].includes(e.key))return;const r=n.filter(t=>!d(t));if(!r.length)return;e.preventDefault();let o=e.key===a[0]?-1:1;s||"rtl"!==getComputedStyle(i.closest(".sf-tabs-top")).direction||(o*=-1);const l="Home"===e.key?r[0]:"End"===e.key?r[r.length-1]:r[(r.indexOf(i)+o+r.length)%r.length];m(t,n.indexOf(l)),l.focus()}),s.add(t),t.dataset.sfTabsBound="1")}if(e("Tabs",class extends t{static componentName="Tabs";html=null}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Tabs=window.SF.Tabs||{},window.SF.Tabs.activate=m,window.SF.Tabs.init=f),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>f(document)):f(document),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{const e=new Set;t.forEach(t=>{const i=t.target.closest?.(n);i&&e.add(i),t.addedNodes.forEach(t=>{t instanceof Element&&(t.matches(n)&&e.add(t),t.querySelectorAll(n).forEach(t=>e.add(t)))})}),e.forEach(t=>{t.isConnected&&!o(t)&&w(t)})}).observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class","disabled","aria-disabled","data-active-index","data-active","active-index","active"]})}})();