@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/component/accordion/css/accordion.min.css

@@ -0,0 +1 @@
+_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-right-radius:var(--sf-accordion--radius)}.sf-accordion{--sf-accordion--radius: var(--sf-radius--surface);--sf-accordion--border-width: var(--sf-px);--sf-accordion--border-color: var(--sf-outline-variant);--sf-accordion--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-accordion--trigger-padding-block: var(--sf-space-2);--sf-accordion--trigger-padding-inline: var(--sf-space-3);--sf-accordion--content-padding: var(--sf-space-3);border-end-end-radius:var(--sf-accordion--radius);border-end-start-radius:var(--sf-accordion--radius);border-start-end-radius:var(--sf-accordion--radius);border-start-start-radius:var(--sf-accordion--radius);overflow:hidden;overflow:clip;background-color:var(--sf-accordion--background-color)}.sf-accordion.sf-accordion--outline{border:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--flush{--sf-accordion--radius: var(--sf-radius-square);border-bottom:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);-webkit-border-after:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);border-block-end:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion-heading{margin:0;font:inherit}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}}.sf-accordion-trigger:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion-trigger{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-accordion-trigger{text-align:right}}.sf-accordion-trigger:where(:dir(rtl)){text-align:right}.sf-accordion-trigger{position:relative;display:flex;align-items:center;gap:var(--sf-space-1);width:100%;margin:0;padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline);border:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sf-on-surface);color:var(--sf-accordion-title--color, var(--sf-on-surface));background-color:rgba(0,0,0,0);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger::after{position:absolute;bottom:0;inset-block-end:0;left:0;right:0;inset-inline:0;height:var(--sf-accordion--border-width);background-color:rgba(0,0,0,0);content:"";pointer-events:none}.sf-accordion-trigger[aria-expanded=true]::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}.sf-accordion-trigger:hover{background-color:var(--sf-surface-container-hover)}.sf-accordion-trigger:active{background-color:var(--sf-surface-container-active)}.sf-accordion-trigger.focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion-trigger:focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion .sf-accordion-title{flex:1 1 auto;min-width:0;color:inherit;font-family:var(--sf-text--family);font-size:var(--sf-text--size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-text--height)}.sf-accordion .sf-icon{flex:0 0 auto;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-height-1);height:var(--sf-text-height-1);width:var(--sf-text-height-1);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation), -webkit-transform var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger[aria-expanded=true] .sf-icon,.sf-accordion--legacy[aria-expanded=true]>.sf-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .sf-accordion-trigger[aria-expanded=false] .sf-icon,[dir=rtl] .sf-accordion--legacy[aria-expanded=false]>.sf-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon,[dir=rtl] .sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon{-webkit-transform:none;transform:none}.sf-accordion .sf-accordion-content{padding:var(--sf-accordion--content-padding);color:var(--sf-on-surface-variant);color:var(--sf-accordion-content--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-size:var(--sf-text--size);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-text--height)}@media(forced-colors: active){.sf-accordion-trigger.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-accordion-trigger:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}.sf-accordion.sf-accordion--legacy{gap:var(--sf-space-1\/3);padding:var(--sf-space-3);cursor:pointer}.sf-accordion.sf-accordion--legacy:hover{--sf-accordion--background-color: var(--sf-surface-container-hover)}.sf-accordion.sf-accordion--legacy.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy .sf-accordion-content{padding:0}@media(prefers-reduced-motion: reduce){.sf-accordion-trigger,.sf-accordion .sf-icon{transition:none}}

package/distr/component/accordion/js/accordion.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=new WeakMap;let i=0;class n{static componentName="Accordion";constructor(t){this.el=t,this.content=t?.querySelector?.(".sf-accordion-content")||null,this.title=t?.querySelector?.(".sf-accordion-title")||null,this.trigger=t?.querySelector?.(".sf-accordion-trigger")||t,this.icon=this.trigger?.querySelector?.(".sf-icon")||t?.querySelector?.(":scope > .sf-icon")||t?.querySelector?.(".sf-icon"),this.onClick=this.handleClick.bind(this),this.onKeydown=this.handleKeydown.bind(this)}init(){if(!this.el||"1"===this.el.dataset.sfAccordionInit)return;this.el.dataset.sfAccordionInit="1",e.set(this.el,this);const t=this.trigger===this.el;t&&(this.el.classList.add("sf-accordion--legacy"),this.trigger.hasAttribute("role")||this.trigger.setAttribute("role","button"),this.trigger.hasAttribute("tabindex")||this.trigger.setAttribute("tabindex","0")),this.bindRelationship(),this.syncState(),this.trigger.addEventListener("click",this.onClick),t&&this.trigger.addEventListener("keydown",this.onKeydown)}destroy(){this.el&&(this.trigger?.removeEventListener("click",this.onClick),this.trigger?.removeEventListener("keydown",this.onKeydown),e.delete(this.el),this.el.classList.remove("sf-accordion--legacy"),delete this.el.dataset.sfAccordionInit)}bindRelationship(){this.trigger&&this.content&&(i+=1,this.trigger.id||(this.trigger.id=`sf-accordion-trigger-${i}`),this.content.id||(this.content.id=`sf-accordion-panel-${i}`),this.trigger.setAttribute("aria-controls",this.content.id),"region"===this.content.getAttribute("role")&&this.content.setAttribute("aria-labelledby",this.trigger.id))}handleClick(){this.toggle()}handleKeydown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggle())}isOpen(){return!!this.content&&(!this.content.hidden&&!this.content.classList.contains("hidden"))}toggle(){this.content&&this.setOpen(!this.isOpen())}setOpen(t){this.content&&(t&&this.closeSingleModeSiblings(),this.content.hidden=!t,this.content.classList.toggle("hidden",!t),this.syncState())}closeSingleModeSiblings(){const t=this.singleModeGroup();t&&t.querySelectorAll(":scope > .sf-accordion").forEach(t=>{if(t===this.el)return;const i=e.get(t);i?.isOpen()&&i.setOpen(!1)})}singleModeGroup(){const t=this.el.closest?.(".sf-accordion-group");return t?"single"===t.getAttribute("data-mode")?t:null:this.el.closest?.('[data-sf-accordion-mode="single"]')||null}syncState(){const t=this.isOpen();this.trigger?.setAttribute("aria-expanded",t?"true":"false"),this.el?.classList.toggle("active",t),this.icon&&(this.icon.textContent=this.el.classList.contains("sf-accordion--plus-minus")?t?"remove":"add":"chevron_right",this.icon.setAttribute("aria-hidden","true"))}}function s(t=document){t?.querySelectorAll&&t.querySelectorAll(".sf-accordion").forEach(t=>{(e.get(t)||new n(t)).init()})}if("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>s(),{once:!0}):s(),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{if(t instanceof HTMLElement){if(t.matches(".sf-accordion")){return void(e.get(t)||new n(t)).init()}t.querySelector?.(".sf-accordion")&&s(t)}})})}).observe(document.documentElement,{childList:!0,subtree:!0})}t("Accordion",n)})();

package/distr/component/admin-menu/css/admin-menu.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-admin-menu-main{scroll-behavior:auto}.sf-admin-menu{display:flex;min-height:0;min-block-size:0;overflow:hidden}.sf-admin-menu-panel:not(.small){width:var(--sf-g0);inline-size:var(--sf-g0);width:var(--sf-g0);width:var(--sf-admin-menu-panel--inline-size, var(--sf-g0));inline-size:var(--sf-admin-menu-panel--inline-size, var(--sf-g0))}.sf-admin-menu-panel.small{width:var(--sf-e1);inline-size:var(--sf-e1);width:var(--sf-e1);width:var(--sf-admin-menu-panel-compact--inline-size, var(--sf-e1));inline-size:var(--sf-admin-menu-panel-compact--inline-size, var(--sf-e1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-panel{border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-admin-menu-panel{border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}}.sf-admin-menu-panel:where(:dir(ltr)){border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-panel{border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-admin-menu-panel{border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}}.sf-admin-menu-panel:where(:dir(rtl)){border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-panel{border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-admin-menu-panel{border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}}.sf-admin-menu-panel:where(:dir(ltr)){border-left-width:var(--sf-px);border-left-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-panel{border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-admin-menu-panel{border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}}.sf-admin-menu-panel:where(:dir(rtl)){border-right-width:var(--sf-px);border-right-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px))}.sf-admin-menu-panel{display:flex;flex-direction:column;overflow:hidden;background-color:var(--sf-surface-0);background-color:var(--sf-admin-menu-panel--background-color, var(--sf-surface-0));border-color:var(--sf-outline-variant);border-color:var(--sf-admin-menu-panel--border-color, var(--sf-outline-variant));border-top-width:var(--sf-px);border-top-width:var(--sf-admin-menu-panel--border-top-width, var(--sf-px));border-inline-end-width:var(--sf-px);border-inline-end-width:var(--sf-admin-menu-panel--border-inline-end-width, var(--sf-px));border-bottom-width:var(--sf-px);border-bottom-width:var(--sf-admin-menu-panel--border-bottom-width, var(--sf-px));border-inline-start-width:var(--sf-px);border-inline-start-width:var(--sf-admin-menu-panel--border-inline-start-width, var(--sf-px));border-style:solid;border-style:var(--sf-admin-menu-panel--border-style, solid)}.sf-admin-menu-panel-sub,.sf-admin-menu-panel-search{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-admin-menu-panel-sub:dir(rtl),.sf-admin-menu-panel-search:dir(rtl){-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-admin-menu-panel-sub.open{-webkit-transform:translateX(0);transform:translateX(0)}.sf-admin-menu-panel-search.open,.sf-admin-menu-panel-search.open:dir(rtl){-webkit-transform:translateX(0);transform:translateX(0)}.sf-admin-menu-main{flex:1 1 auto;min-height:0;min-block-size:0;overflow:hidden}.sf-admin-menu-main.open{overflow-y:auto}.sf-admin-menu-item-wrap.hidden{display:none}.sf-admin-menu-bottom{flex:0 0 auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-head{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-head{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-head:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-head{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-head{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-head:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-head{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-head{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-head:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-head{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-head{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-head:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1))}.sf-admin-menu-head{gap:var(--sf-space-1\/2);gap:var(--sf-admin-menu-head--gap, var(--sf-space-1\/2));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-head--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-head--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1);padding-top:var(--sf-admin-menu-head--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-admin-menu-head--padding-bottom, var(--sf-space-1));border-bottom-width:var(--sf-px);border-bottom-width:var(--sf-admin-menu-head--border-bottom-width, var(--sf-px));border-color:var(--sf-outline-variant);border-color:var(--sf-admin-menu-head--border-color, var(--sf-outline-variant))}.sf-admin-menu-head-container{gap:var(--sf-space-1\/2);gap:var(--sf-admin-menu-head-container--gap, var(--sf-space-1\/2));color:var(--sf-on-surface);color:var(--sf-admin-menu-head-container--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-admin-menu-head-container--font-family, var(--sf-text--family));font-size:var(--sf-text-size-3);font-size:var(--sf-admin-menu-head-container--font-size, var(--sf-text-size-3));font-weight:var(--sf-font-weight-bold);font-weight:var(--sf-admin-menu-head-container--font-weight, var(--sf-font-weight-bold));line-height:var(--sf-text-height-3);line-height:var(--sf-admin-menu-head-container--line-height, var(--sf-text-height-3))}.sf-admin-menu-panel-sub .sf-admin-menu-head,.sf-admin-menu-panel-search .sf-admin-menu-head{min-height:var(--sf-d9);min-block-size:var(--sf-d9);min-height:var(--sf-d9);min-height:var(--sf-admin-menu-head--min-height, var(--sf-admin-menu-head--measured-height, var(--sf-d9)));min-block-size:var(--sf-admin-menu-head--min-height, var(--sf-admin-menu-head--measured-height, var(--sf-d9)));padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-head--sub-padding-inline, var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1)));padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-head--sub-padding-inline, var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1)));padding-inline:var(--sf-admin-menu-head--sub-padding-inline, var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1)));padding-top:0;padding-bottom:0;padding-block:0}.sf-admin-menu-back{font-size:var(--sf-text-size-2);font-size:var(--sf-admin-menu-back--font-size, var(--sf-text-size-2));font-weight:var(--sf-font-weight-bold);font-weight:var(--sf-admin-menu-back--font-weight, var(--sf-font-weight-bold))}.sf-admin-menu-back-button{width:var(--sf-text-size-3);inline-size:var(--sf-text-size-3);width:var(--sf-text-size-3);width:var(--sf-admin-menu-item-icon--width, var(--sf-text-size-3));inline-size:var(--sf-admin-menu-item-icon--width, var(--sf-text-size-3));height:var(--sf-text-size-3);block-size:var(--sf-text-size-3);height:var(--sf-text-size-3);height:var(--sf-admin-menu-item-icon--height, var(--sf-text-size-3));block-size:var(--sf-admin-menu-item-icon--height, var(--sf-text-size-3));flex:none}.sf-admin-menu-panel-sub .sf-admin-menu-head-container,.sf-admin-menu-panel-search .sf-admin-menu-head-container{gap:var(--sf-space-1);gap:var(--sf-admin-menu-head-container--sub-gap, var(--sf-space-1));flex:1;min-width:0;min-inline-size:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-left:auto}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-left:auto}}.sf-admin-menu-search-toggle:where(:dir(ltr)){margin-left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search-toggle{margin-right:auto}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-admin-menu-search-toggle{margin-right:auto}}.sf-admin-menu-search-toggle:where(:dir(rtl)){margin-right:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-right:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}@supports not (margin-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-right:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}}.sf-admin-menu-search-toggle:where(:dir(ltr)){margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-right:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search-toggle{margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-left:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}@supports not (margin-inline-end: initial){[dir="rtl"] .sf-admin-menu-search-toggle{margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-left:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}}.sf-admin-menu-search-toggle:where(:dir(rtl)){margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-left:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}@supports not (margin-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-search-toggle{margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}}.sf-admin-menu-search-toggle:where(:dir(ltr)){margin-right:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search-toggle{margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}@supports not (margin-inline-end: initial){[dir="rtl"] .sf-admin-menu-search-toggle{margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}}.sf-admin-menu-search-toggle:where(:dir(rtl)){margin-left:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2))}.sf-admin-menu-search-toggle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));margin-inline-end:calc(var(--sf-space-1) + var(--sf-space-1) - var(--sf-space-1\/2));-webkit-margin-end:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)));margin-inline-end:calc(var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1)) + var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1)) - var(--sf-admin-menu-head--sub-padding-inline, var(--sf-space-1\/2)))}.sf-admin-menu-search-field{padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-field--padding-inline, var(--sf-space-1));padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-field--padding-inline, var(--sf-space-1));padding-inline:var(--sf-admin-menu-search-field--padding-inline, var(--sf-space-1));padding-bottom:var(--sf-space-1\/2);-webkit-padding-after:var(--sf-space-1\/2);padding-block-end:var(--sf-space-1\/2);padding-bottom:var(--sf-space-1\/2);padding-bottom:var(--sf-admin-menu-search-field--padding-bottom, var(--sf-space-1\/2));-webkit-padding-after:var(--sf-admin-menu-search-field--padding-bottom, var(--sf-space-1\/2));padding-block-end:var(--sf-admin-menu-search-field--padding-bottom, var(--sf-space-1\/2))}.sf-admin-menu-search-kbd{border:var(--sf-px) solid var(--sf-outline-variant);border-radius:var(--sf-radius--ui);padding-left:var(--sf-space-1\/3);padding-right:var(--sf-space-1\/3);padding-inline:var(--sf-space-1\/3);color:var(--sf-on-surface-variant);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3)}.sf-admin-menu-search-results-area{padding-left:var(--sf-space-1\/2);padding-right:var(--sf-space-1\/2);padding-inline:var(--sf-space-1\/2);padding-left:var(--sf-space-1\/2);padding-left:var(--sf-admin-menu-search-results-area--padding-inline, var(--sf-space-1\/2));padding-right:var(--sf-space-1\/2);padding-right:var(--sf-admin-menu-search-results-area--padding-inline, var(--sf-space-1\/2));padding-inline:var(--sf-admin-menu-search-results-area--padding-inline, var(--sf-space-1\/2))}.sf-admin-menu-search-group-head{padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-group-head--padding-inline, var(--sf-space-1));padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-group-head--padding-inline, var(--sf-space-1));padding-inline:var(--sf-admin-menu-search-group-head--padding-inline, var(--sf-space-1));padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-top:var(--sf-space-1\/3);padding-top:var(--sf-admin-menu-search-group-head--padding-block, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-admin-menu-search-group-head--padding-block, var(--sf-space-1\/3));padding-block:var(--sf-admin-menu-search-group-head--padding-block, var(--sf-space-1\/3));color:var(--sf-on-surface-variant);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3);text-transform:uppercase}.sf-admin-menu-search-group-head a{color:var(--sf-primary);text-transform:none;letter-spacing:normal;text-decoration:none}.sf-admin-menu-search-row.selected{background-color:var(--sf-primary-container)}.sf-admin-menu-search-mark{background-color:var(--sf-warning-container);background-color:var(--sf-admin-menu-search-mark--background-color, var(--sf-warning-container));color:inherit;border-radius:var(--sf-radius--ui)}.sf-admin-menu-search-skeleton{display:block;height:var(--sf-d0);block-size:var(--sf-d0);margin-left:var(--sf-space-1\/4);margin-right:var(--sf-space-1\/4);margin-inline:var(--sf-space-1\/4);margin-top:var(--sf-space-1\/4);margin-bottom:var(--sf-space-1\/4);margin-block:var(--sf-space-1\/4);border-radius:var(--sf-radius--ui);background-image:linear-gradient(90deg, var(--sf-surface-container), var(--sf-surface-container-hover), var(--sf-surface-container));background-size:200% 100%;-webkit-animation-name:sf-admin-menu-search-shimmer;animation-name:sf-admin-menu-search-shimmer;-webkit-animation-duration:var(--sf-duration-slow);animation-duration:var(--sf-duration-slow);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes sf-admin-menu-search-shimmer{to{background-position:-200% 0}}@keyframes sf-admin-menu-search-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion: reduce){.sf-admin-menu-search-skeleton{-webkit-animation:none;animation:none}}.sf-admin-menu-search-keys{border-top:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-before:var(--sf-px) solid var(--sf-outline-variant);border-block-start:var(--sf-px) solid var(--sf-outline-variant);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-keys--padding-inline, var(--sf-space-1));padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-keys--padding-inline, var(--sf-space-1));padding-inline:var(--sf-admin-menu-search-keys--padding-inline, var(--sf-space-1));padding-top:var(--sf-space-1\/2);padding-bottom:var(--sf-space-1\/2);padding-block:var(--sf-space-1\/2);padding-top:var(--sf-space-1\/2);padding-top:var(--sf-admin-menu-search-keys--padding-block, var(--sf-space-1\/2));padding-bottom:var(--sf-space-1\/2);padding-bottom:var(--sf-admin-menu-search-keys--padding-block, var(--sf-space-1\/2));padding-block:var(--sf-admin-menu-search-keys--padding-block, var(--sf-space-1\/2));color:var(--sf-on-surface-variant);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-search{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-search:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-search{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-search:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-search{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-search:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-search{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-search:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1))}.sf-admin-menu-search{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-search--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-search--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1\/3);padding-top:var(--sf-admin-menu-search--padding-top, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-admin-menu-search--padding-bottom, var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search-results{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-search-results{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-search-results:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search-results{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-search-results{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-search-results:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-search-results{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-search-results{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-search-results:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-search-results{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-search-results{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-search-results:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1))}.sf-admin-menu-search-results{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-search-results--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-search-results--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1\/3);padding-top:var(--sf-admin-menu-search-results--padding-top, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-admin-menu-search-results--padding-bottom, var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-section{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-section{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-section:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-section{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-section{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-section:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-section{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-section{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-section:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-section{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-section{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-section:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1))}.sf-admin-menu-section{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-main--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-main--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1\/3);padding-top:var(--sf-admin-menu-main--padding-top, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-admin-menu-main--padding-bottom, var(--sf-space-1\/3))}.sf-admin-menu-main.open,.sf-admin-menu-main-sub.has_scroll{--sf-admin-menu-main--padding-inline-end: 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-settings{right:var(--sf-space-1);right:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-item-settings{right:var(--sf-space-1);right:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}}.sf-admin-menu-item-settings:where(:dir(ltr)){right:var(--sf-space-1);right:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-settings{left:var(--sf-space-1);left:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-admin-menu-item-settings{left:var(--sf-space-1);left:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}}.sf-admin-menu-item-settings:where(:dir(rtl)){left:var(--sf-space-1);left:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}.sf-admin-menu-item-settings{opacity:0;inset-inline-end:var(--sf-space-1);inset-inline-end:var(--sf-admin-menu-item-settings--inset-inline-end, var(--sf-space-1))}.sf-admin-menu-item-settings.active{opacity:1}.sf-admin-menu-item-wrap.settings-on{gap:var(--sf-space-1\/2);gap:var(--sf-admin-menu-item-wrap--gap, var(--sf-space-1\/2))}.sf-admin-menu-item-wrap.settings-on:hover .sf-admin-menu-item-settings{opacity:1}.sf-admin-menu-item-wrap.settings-on:hover .sf-admin-menu-item.settings-active,.sf-admin-menu-item-wrap.settings-on:hover .sf-admin-menu-divider.settings-active{--sf-admin-menu-item--mask-size: calc(var(--sf-space-7) * 2);-webkit-mask-image:linear-gradient(to left, transparent 0, black var(--sf-admin-menu-item--mask-size), black 100%);mask-image:linear-gradient(to left, transparent 0, black var(--sf-admin-menu-item--mask-size), black 100%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-divider{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-divider{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-divider:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-divider{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-divider{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-divider:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-divider{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-divider{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-divider:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-divider{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-divider{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-divider:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1))}.sf-admin-menu-divider{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-divider--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-divider--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1\/3);padding-top:var(--sf-admin-menu-divider--padding-top, var(--sf-space-1\/3));padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-admin-menu-divider--padding-bottom, var(--sf-space-1\/3))}.sf-admin-menu-divider span{height:var(--sf-px);height:var(--sf-admin-menu-divider--height, var(--sf-px));background-color:var(--sf-outline-variant);background-color:var(--sf-admin-menu-divider--background-color, var(--sf-outline-variant))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item-segment{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item-segment{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-admin-menu-item-segment{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item-segment:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui))}.sf-admin-menu-item-segment{border-color:var(--sf-outline-variant);border-color:var(--sf-admin-menu-item-segment--border-color, var(--sf-outline-variant));border-top-width:0;border-top-width:var(--sf-admin-menu-item-segment--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-admin-menu-item-segment--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-admin-menu-item-segment--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-admin-menu-item-segment--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-admin-menu-item-segment--border-style, solid);border-end-end-radius:var(--sf-radius--ui);border-end-end-radius:var(--sf-admin-menu-item-segment--border-end-end-radius, var(--sf-radius--ui));border-end-start-radius:var(--sf-radius--ui);border-end-start-radius:var(--sf-admin-menu-item-segment--border-end-start-radius, var(--sf-radius--ui));border-start-end-radius:var(--sf-radius--ui);border-start-end-radius:var(--sf-admin-menu-item-segment--border-start-end-radius, var(--sf-radius--ui));border-start-start-radius:var(--sf-radius--ui);border-start-start-radius:var(--sf-admin-menu-item-segment--border-start-start-radius, var(--sf-radius--ui));background-color:var(--sf-transparent);background-color:var(--sf-admin-menu-item-segment--background-color, var(--sf-transparent))}.sf-admin-menu-item-placeholder{width:var(--sf-text-size-3);width:var(--sf-admin-menu-item-placeholder--width, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-admin-menu-item-placeholder--height, var(--sf-text-size-3));font-size:var(--sf-text-size-1\/4);font-size:var(--sf-admin-menu-item-placeholder--font-size, var(--sf-text-size-1\/4));line-height:var(--sf-text-height-1\/4);line-height:var(--sf-admin-menu-item-placeholder--line-height, var(--sf-text-height-1\/4));border-radius:var(--sf-radius-rounded);border-radius:var(--sf-admin-menu-item-placeholder--border-radius, var(--sf-radius-rounded));background-color:var(--sf-outline-variant);background-color:var(--sf-admin-menu-item-placeholder--background-color, var(--sf-outline-variant))}.sf-admin-menu-item-icon{width:var(--sf-text-size-3);width:var(--sf-admin-menu-item-icon--width, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-admin-menu-item-icon--height, var(--sf-text-size-3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-item{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-item:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-item{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-item:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-item{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-item:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-item{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-item:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-admin-menu-item{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-admin-menu-item{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-admin-menu-item{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-admin-menu-item{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}}.sf-admin-menu-item:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}}.sf-admin-menu-item:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-admin-menu-item{border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}}.sf-admin-menu-item:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-item{border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-admin-menu-item{border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}}.sf-admin-menu-item:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-item{border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-admin-menu-item{border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}}.sf-admin-menu-item:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-admin-menu-item--border-inline-start-width, 0)}.sf-admin-menu-item{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-item--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-item--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1);padding-top:var(--sf-admin-menu-item--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-admin-menu-item--padding-bottom, var(--sf-space-1));gap:var(--sf-space-1\/2);gap:var(--sf-admin-menu-item--gap, var(--sf-space-1\/2));border-end-end-radius:var(--sf-radius--ui);border-end-end-radius:var(--sf-admin-menu-item--border-end-end-radius, var(--sf-radius--ui));border-end-start-radius:var(--sf-radius--ui);border-end-start-radius:var(--sf-admin-menu-item--border-end-start-radius, var(--sf-radius--ui));border-start-end-radius:var(--sf-radius--ui);border-start-end-radius:var(--sf-admin-menu-item--border-start-end-radius, var(--sf-radius--ui));border-start-start-radius:var(--sf-radius--ui);border-start-start-radius:var(--sf-admin-menu-item--border-start-start-radius, var(--sf-radius--ui));background-color:var(--sf-transparent);background-color:var(--sf-admin-menu-item--background-color, var(--sf-transparent));border-color:var(--sf-outline-variant);border-color:var(--sf-admin-menu-item--border-color, var(--sf-outline-variant));border-top-width:0;border-top-width:var(--sf-admin-menu-item--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-admin-menu-item--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-admin-menu-item--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-admin-menu-item--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-admin-menu-item--border-style, solid)}.sf-admin-menu-item>.sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-admin-menu-item.segment-start{--sf-admin-menu-item--border-end-end-radius: 0;--sf-admin-menu-item--border-start-end-radius: 0}.sf-admin-menu-item.segment-middle{--sf-admin-menu-item--border-end-end-radius: 0;--sf-admin-menu-item--border-end-start-radius: 0;--sf-admin-menu-item--border-start-end-radius: 0;--sf-admin-menu-item--border-start-start-radius: 0}.sf-admin-menu-item.segment-end{--sf-admin-menu-item--border-end-start-radius: 0;--sf-admin-menu-item--border-start-start-radius: 0}.sf-admin-menu-item-container{gap:var(--sf-space-1\/2);gap:var(--sf-admin-menu-item-container--gap, var(--sf-space-1\/2));color:var(--sf-on-surface);color:var(--sf-admin-menu-item-container--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-admin-menu-item-container--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1\/2);font-size:var(--sf-admin-menu-item-container--font-size, var(--sf-text-size-1\/2));font-weight:var(--sf-font-weight-medium);font-weight:var(--sf-admin-menu-item-container--font-weight, var(--sf-font-weight-medium));line-height:var(--sf-text-height-1\/2);line-height:var(--sf-admin-menu-item-container--line-height, var(--sf-text-height-1\/2))}.sf-admin-menu-item-container .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-admin-menu-direction-icon:dir(rtl),.sf-admin-menu-back-button:dir(rtl) .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-bottom:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-admin-menu-bottom{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}}.sf-admin-menu-bottom:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-bottom:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-admin-menu-bottom{padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}}.sf-admin-menu-bottom:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}}.sf-admin-menu-bottom:where(:dir(ltr)){border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-admin-menu-bottom{border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}}.sf-admin-menu-bottom:where(:dir(rtl)){border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}}.sf-admin-menu-bottom:where(:dir(ltr)){border-bottom-left-radius:0;border-bottom-left-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-admin-menu-bottom{border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}}.sf-admin-menu-bottom:where(:dir(rtl)){border-bottom-right-radius:0;border-bottom-right-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}}.sf-admin-menu-bottom:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-admin-menu-bottom{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}}.sf-admin-menu-bottom:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-admin-menu-bottom{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-admin-menu-bottom{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}}.sf-admin-menu-bottom:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}_:-ms-input-placeholder, [dir="rtl"] .sf-admin-menu-bottom{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-admin-menu-bottom{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}}.sf-admin-menu-bottom:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}.sf-admin-menu-bottom{-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-admin-menu-bottom--padding-inline-start, var(--sf-space-1));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1));padding-inline-end:var(--sf-admin-menu-bottom--padding-inline-end, var(--sf-space-1));padding-top:var(--sf-space-1);padding-top:var(--sf-admin-menu-bottom--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-admin-menu-bottom--padding-bottom, var(--sf-space-1));border-end-end-radius:0;border-end-end-radius:var(--sf-admin-menu-bottom--border-end-end-radius, 0);border-end-start-radius:0;border-end-start-radius:var(--sf-admin-menu-bottom--border-end-start-radius, 0);border-start-end-radius:var(--sf-radius--surface);border-start-end-radius:var(--sf-admin-menu-bottom--border-start-end-radius, var(--sf-radius--surface));border-start-start-radius:var(--sf-radius--surface);border-start-start-radius:var(--sf-admin-menu-bottom--border-start-start-radius, var(--sf-radius--surface))}.sf-admin-menu-main.open+.sf-admin-menu-bottom{box-shadow:var(--sf-ui-shadow-top)}.sf-admin-menu-panel.small .sf-admin-menu-item>*:not(.sf-admin-menu-item-container),.sf-admin-menu-panel.small .sf-admin-menu-item .sf-admin-menu-item-container span:not(.sf-admin-menu-item-icon){display:none}.sf-admin-menu-panel.small .sf-admin-menu-head{justify-content:center}@media(max-width: 32rem){.sf-admin-menu-panel:not(.small){width:100%;inline-size:100%}}}@layer sf.states{.sf-admin-menu-item-segment:not(.disabled):hover{--sf-admin-menu-item-segment--background-color: var( --sf-secondary-container-hover )}.sf-admin-menu-item-segment:not(.disabled):hover .sf-admin-menu-item{--sf-admin-menu-item--border-color: var(--sf-transparent)}.sf-admin-menu-item:not(:disabled):not(.disabled):hover{--sf-admin-menu-item--background-color: var(--sf-secondary-container-hover)}.sf-admin-menu-item:not(:disabled):not(.disabled):hover .sf-admin-menu-item-container .sf-icon{--sf-icon--color: var(--sf-on-secondary-container)}.sf-admin-menu-item:not(:disabled):not(.disabled):hover .sf-admin-menu-item-container{--sf-admin-menu-item-container--color: var(--sf-on-secondary-container)}.sf-admin-menu-item:not(:disabled):not(.disabled).active,.sf-admin-menu-item:not(:disabled):not(.disabled):active{--sf-admin-menu-item--background-color: var( --sf-secondary-container-active )}}@layer sf.overrides{.sf-admin-menu-item-wrap .sf-icon-button{--sf-icon-button--padding-top: var(--sf-ui-1\/2--space-y-tightness-default);--sf-icon-button--padding-bottom: var( --sf-ui-1\/2--space-y-tightness-default );--sf-icon-button--padding-inline-start: var( --sf-ui-1\/2--space-y-tightness-default );--sf-icon-button--padding-inline-end: var( --sf-ui-1\/2--space-y-tightness-default )}.sf-admin-menu-head .sf-icon-button{--sf-icon-button--padding-top: var(--sf-ui-1\/2--space-y-tightness-default);--sf-icon-button--padding-bottom: var( --sf-ui-1\/2--space-y-tightness-default );--sf-icon-button--padding-inline-start: var( --sf-ui-1\/2--space-y-tightness-default );--sf-icon-button--padding-inline-end: var( --sf-ui-1\/2--space-y-tightness-default )}}

package/distr/component/admin-menu/js/admin-menu.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},t=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]||(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),n=t.listeners,s=t.registered,i=e=>String(e??"").trim().toLowerCase().replace("_","-"),o=()=>{for(const e of[...n])try{e()}catch{}};function r(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function a(e){if(t.chosen)return t.chosen.split("-")[0];const n=r(e),s=n?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return i(s).split("-")[0]||"en"}function l(e){if(t.chosen)return t.chosen;const n=r(e);return i(n?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(e,t,n,o){const r=o??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const o of(e=>{const t=i(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(l(n))){const n=r?s.get(r)?.get(o)?.[t]:void 0;if(void 0!==n)return n;const i=e?.[o]?.[t];if(void 0!==i)return i}return t}const u={current:(e=globalThis.document?.documentElement??null)=>l(e),use(e){const n=null==e?null:i(e);return n===t.chosen||(t.chosen=n,o()),t.chosen},register(e,t,n){const r=String(e??"").toLowerCase(),a=i(t);if(!r||!a)throw new TypeError("a component and a language are required");s.has(r)||s.set(r,new Map);const l=s.get(r);return null===n?l.delete(a):l.set(a,{...l.get(a)??{},...n}),o(),this},registerAll(e,t={}){for(const[n,s]of Object.entries(t))this.register(n,e,s);return this},known(e){const t=String(e??"").toLowerCase();return[...s.get(t)?.keys()??[]]},components:()=>[...s.keys()],onChange:e=>"function"!=typeof e?()=>{}:(n.add(e),()=>n.delete(e)),forget(){return s.clear(),t.chosen=null,o(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=u,window.SF.pageLanguage=a,window.SF.pageText=c);const m={en:{collapse:"Collapse",expand:"Expand"},ru:{collapse:"Свернуть",expand:"Развернуть"}},h=".sf-admin-menu, .sf-admin-menu-panel:not(.sf-admin-menu-panel-sub)",d="sfAdminMenuBound";function f(e){return e instanceof Element}function p(e,t){return e?.querySelector?.(t)||null}function g(e){return!function(e){return"SF-ADMIN-MENU"===e.parentNode.nodeName}(e)&&(!(!f(e)||e.classList.contains("sf-admin-menu-panel-sub"))&&(!e.closest(".sf-admin-menu")||e.classList.contains("sf-admin-menu")))}class w{static componentName="AdminMenu";constructor(e){if(!f(e))throw new Error("AdminMenu root must be an Element");this.root=e,this.panel=e.matches(".sf-admin-menu-panel:not(.sf-admin-menu-panel-sub)")?e:e.querySelector(":scope > .sf-admin-menu-panel:not(.sf-admin-menu-panel-sub)")||e,this.scope=function(e){return e.closest(".sf-admin-menu")||e.parentElement||e}(e),this.main=p(e,".sf-admin-menu-main"),this.searchBlock=p(e,".sf-admin-menu-search"),this.searchInput=p(this.searchBlock,".sf-input"),this.searchIcon=p(this.searchBlock,".sf-admin-menu-item"),this.toggleButtons=Array.from(e.querySelectorAll("[data-admin-menu-toggle], #toggle_menu")),this.compactTriggerButtons=Array.from(e.querySelectorAll("[data-admin-menu-toggle], #toggle_menu, [data-admin-menu-search-toggle], #search_toggle_menu")),this.moreWrap=null,this.overflowOpen=!1,this.compact=this.panel.classList.contains("small"),this.resizeFrame=null,this.isMeasuring=!1,this.menuItemHeight=0,this.resizeObserver=null,this.boundListeners=[],this.init()}init(){"1"!==this.root.dataset[d]&&(this.root.dataset[d]="1",this.bindToggleButtons(),this.bindMenuPanels(),this.scheduleOverflowUpdate(),this.observeMainResize())}bindToggleButtons(){this.compactTriggerButtons.forEach(e=>{const t=()=>this.toggleCompact();e.addEventListener("click",t),this.boundListeners.push([e,"click",t])})}bindMenuPanels(){Array.from(this.scope.querySelectorAll("button[data-menu]")).forEach(e=>{if("1"===e.dataset.sfAdminMenuPanelBound)return;const t=()=>{this.compact&&this.toggleCompact(!1);const t=this.getPanel(e.dataset.menu);t&&requestAnimationFrame(()=>{this.observeSubMenu(t),requestAnimationFrame(()=>{const n=!t.classList.contains("open");t.classList.toggle("open",n),e.setAttribute("aria-expanded",String(n)),t.classList.toggle("inline-end-full"),t.classList.toggle("inline-end-0")})})};e.dataset.sfAdminMenuPanelBound="1",e.addEventListener("click",t),this.boundListeners.push([e,"click",t])})}getPanel(e){if(!e)return null;const t="undefined"!=typeof CSS&&CSS.escape?CSS.escape(e):String(e).replace(/"/g,'\\"');return p(this.scope,`section[data-panel="${t}"]`)}toggleSearchBlock(){[this.searchIcon,this.searchInput].forEach(e=>{e?.classList.toggle("hidden")})}toggleCompact(e=null){const t="boolean"==typeof e?e:!this.compact;t!==this.compact&&(this.toggleSearchBlock(),this.compact=t,this.panel.classList.toggle("small",this.compact),this.toggleButtons.forEach(e=>{e.classList.toggle("segment-end",this.compact);const t=e.previousElementSibling;t?.classList.toggle("hidden",this.compact);const n=e.querySelector(".sf-icon");n&&(n.textContent="keyboard_double_arrow_"+(this.compact?"right":"left"))}),this.scheduleOverflowUpdate())}observeSubMenu(e){const t=p(e,":scope > .sf-admin-menu-main-sub");t&&t.classList.toggle("has_scroll",t.scrollHeight>t.clientHeight)}createMoreItem(){const e=document.createElement("li");e.className="sf-admin-menu-item-wrap flex flex-col more";const t=document.createElement("button");t.type="button",t.className="sf-admin-menu-item flex items-cross-center content-main-between";const n=document.createElement("span");n.className="sf-admin-menu-item-container flex items-cross-center";const s=document.createElement("i");s.className="sf-icon";const i=document.createElement("span");return i.className="sf-admin-menu-more-text",n.append(s,i),t.append(n),e.append(t),t.addEventListener("click",()=>{this.setOverflowExpanded(!this.overflowOpen)}),this.setMoreText(t,!1),e}setMoreText(e,t){const n=e.querySelector(".sf-icon"),s=e.querySelector(".sf-admin-menu-more-text");n&&(n.textContent="keyboard_arrow_"+(t?"up":"down")),s&&(s.textContent=c(m,t?"collapse":"expand",s,"sf-admin-menu"))}setInvisible(e,t,n=!1){["opacity-0","invisible"].forEach(n=>{e.classList.toggle(n,t)}),n&&e.classList.toggle("hidden",t)}setHidden(e,t){e.classList.toggle("hidden",t)}setOverflowExpanded(e){if(!this.main||!this.moreWrap)return;this.overflowOpen=e;const t=this.moreWrap.querySelector(".sf-admin-menu-item");t&&this.setMoreText(t,this.overflowOpen);Array.from(this.main.querySelectorAll(":scope > ul > .sf-admin-menu-item-wrap:not(.more).invisible")).forEach(e=>{this.setInvisible(e,!this.overflowOpen),this.setHidden(e,!this.overflowOpen)}),["overflow-auto","open"].forEach(e=>{this.main.classList.toggle(e,this.overflowOpen)}),this.overflowOpen?this.getItemsList()?.append(this.moreWrap):this.updateOverflow()}scheduleOverflowUpdate(){this.resizeFrame||this.isMeasuring||(this.resizeFrame=requestAnimationFrame(()=>{this.resizeFrame=null,this.isMeasuring=!0,this.updateOverflow(),requestAnimationFrame(()=>{this.isMeasuring=!1})}))}updateMenuItemHeight(e){const t=e.find(e=>!e.classList.contains("hidden")),n=t?.offsetHeight||this.menuItemHeight;return n&&n!==this.menuItemHeight&&(this.menuItemHeight=n),this.menuItemHeight}getItemsList(){return p(this.main,":scope > ul")}getItems(){const e=this.getItemsList();return e?Array.from(e.querySelectorAll(":scope > .sf-admin-menu-item-wrap:not(.more)")):[]}contentFitsWithoutOverflow(e){return!this.main||(this.moreWrap&&this.setInvisible(this.moreWrap,!0,!0),e.forEach(e=>{this.setHidden(e,!1),this.setInvisible(e,!1)}),this.main.scrollHeight<=this.main.clientHeight+1)}ensureMoreItem(){return this.moreWrap?this.setInvisible(this.moreWrap,!1,!0):this.moreWrap=this.createMoreItem(),this.moreWrap}updateOverflow(){if(!this.main)return;const e=this.getItems();if(!e.length)return;if(this.contentFitsWithoutOverflow(e))return this.overflowOpen=!1,void this.main.classList.remove("overflow-auto","open");const t=this.updateMenuItemHeight(e),n=this.main.clientHeight-t,s=Math.max(0,Math.min(e.length,Math.floor(n/t)));let i=!1;if(e.forEach((e,t)=>{const n=t>=s,o=n&&!this.overflowOpen;n&&(i=!0),this.setHidden(e,o),this.setInvisible(e,o)}),!i)return void(this.moreWrap&&this.setInvisible(this.moreWrap,!0,!0));const o=this.ensureMoreItem(),r=this.getItemsList();if(!r)return;if(this.overflowOpen)return void r.append(o);const a=r.querySelector(":scope > .sf-admin-menu-item-wrap:not(.more).invisible");a&&a.before(o)}observeMainResize(){this.main&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>{this.scheduleOverflowUpdate()}),this.resizeObserver.observe(this.main))}destroy(){this.boundListeners.forEach(([e,t,n])=>{e.removeEventListener(t,n)}),this.resizeObserver?.disconnect?.(),delete this.root.dataset[d]}}function v(e=document){if(!e?.querySelectorAll&&!f(e))return;const t=[];f(e)&&e.matches(h)&&g(e)&&t.push(e),e.querySelectorAll?.(h).forEach(e=>{g(e)&&t.push(e)}),t.forEach(e=>{"1"!==e.dataset[d]&&(e.__sfAdminMenu=new w(e))})}function b(){v(document);new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{f(e)&&v(e)})})}).observe(document.documentElement,{childList:!0,subtree:!0})}e("AdminMenu",w),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.AdminMenu=window.SF.AdminMenu||{},window.SF.AdminMenu.init=v),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",b,{once:!0}):b()})();

package/distr/component/ajax/js/ajax.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";function t(t,e){let r=e>>>0;for(let e=0;e<t.length;e+=1)r^=t.charCodeAt(e),r=Math.imul(r,16777619)>>>0;return r.toString(16).padStart(8,"0")}const e=function(e){const r=String(e??"");return`${t(r,2166136261)}${t(r,2654435769)}`};const r=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)};function n(t,r=function(){},n=function(){}){this.controller=null,this.updateparam=function(t){for(var e in t)this.param[e]=t[e]},this.isFunction=function(t){if("function"==typeof t)return!0;var e=Object.prototype.toString.call(t);return"[object Function]"===e||"[object GeneratorFunction]"===e},this.isString=function(t){return"string"==typeof t},this.isEmptySource=function(t,e,r="js"){for(var n=0;n<t.length;n++)switch(r){case"js":if(-1!==t[n].src.indexOf(e))return!0;break;case"css":if(-1!==t[n].href.indexOf(e))return!0;break;case"js-line":if(-1!==t[n].innerHTML.indexOf(e))return!0}return!1},this.processHTML=function(t){for(var e,r,n,i,s,a={script:/<script([^>]*)>/gi,script_end:/<\/script>/gi,script_src:/src=["\']([^"\']+)["\']/i,script_type:/type=["\']([^"\']+)["\']/i,space:/\s+/,ltrim:/^[\s\r\n]+/g,rtrim:/[\s\r\n]+$/g,style:/<link.*?(rel="stylesheet"|type="text\/css")[^>]*>/i,style_href:/href=["\']([^"\']+)["\']/i},o=[],l=[],c=[],d=a.script.lastIndex=a.script_end.lastIndex=0,h=document.querySelectorAll("script[src]"),p=document.querySelectorAll("link[href]"),u=document.querySelectorAll("script:not([src])");null!==(e=a.script.exec(t));){a.script_end.lastIndex=a.script.lastIndex;var f=a.script_end.exec(t);if(null===f)break;var m=!1;if(null!==(s=e[1].match(a.script_type))&&("text/html"!=s[1]&&"text/template"!=s[1]||(m=!0)),m)c.push([d,a.script_end.lastIndex-d]);else{c.push([d,e.index-d]);var S=this.param.scriptsRunFirst||"-1"!=e[1].indexOf("bxrunfirst");if(null!==(n=e[1].match(a.script_src)))this.isEmptySource(h,n[1].substr(0,n[1].lastIndexOf(".js")+3))||o.push({runFirst:S,isInternal:!1,JS:n[1]});else{var y=e.index+e[0].length,w=e.index;t.substr(w,f.index-w+9);var g=t.substr(y,f.index-y);this.isEmptySource(u,g,"js-line")||o.push({runFirst:S,isInternal:!0,JS:g})}}d=f.index+9,a.script.lastIndex=d}c.push([d,0===d?t.length:t.length-d]);for(var x="",b=0,T=c.length;b<T;b++)this.isString(t)&&this.isFunction(t.substr)&&(x+=t.substr(c[b][0],c[b][1]));for(;null!==(r=x.match(a.style));)null!==(i=r[0].match(a.style_href))&&r[0].indexOf('media="')<0&&(this.isEmptySource(p,i[1].substr(0,i[1].lastIndexOf(".css")+4),"css")||l.push(i[1])),x=x.replace(r[0],"");return{HTML:x,SCRIPT:o,STYLE:l}},this.isInternalScript=function(t){for(var e=0,r=0;r<t.length;r++)t[r].isInternal||e++;return e},this.loadJSDoc=t=>{for(let r=0;r<t.length;r++){const n=e(t[r].JS.trim()).substring(0,16);if(-1===SF.Loader.phpScriptsLoaded.indexOf(n)&&t[r].isInternal){const e=document.createElement("script");e.onerror=function(t){console.warn("Script failed to load:",t)},e.type="text/javascript",e.setAttribute("modalInlineScript",i.param.url),e.text=t[r].JS,document.head.append(e)}}},this.loadJS=function(t){this.lengthJS=this.isInternalScript(t);let r=[];for(var n=0;n<t.length;n++){const s=e(t[n].JS).substring(0,16);if(-1===SF.Loader.phpScriptsLoaded.indexOf(s)){if(!t[n].isInternal){let e=document.createElement("script");e.src=t[n].JS,e.setAttribute("modal-script",i.param.url),e.onerror=function(t){console.warn("Script failed to load:",t)},e.async=!0,r.push(new Promise(t=>{e.addEventListener("load",()=>{i.lengthJS--,t()})})),document.head.append(e)}}else i.lengthJS--}return r},this.loadCSS=function(t){this.lengthCSS=t.length?t.length:0;let r=[];for(let n=0;n<t.length;n++){const s=e(t[n]).substring(0,16);if(-1!==SF.Loader.phpScriptsLoaded.indexOf(s)){i.lengthCSS--;continue}let a=document.createElement("link");a.href=t[n],a.rel="stylesheet",a.type="text/css",r.push(new Promise(t=>{a.addEventListener("load",()=>{i.lengthCSS--,t()})})),document.head.append(a)}return r},this.emulateOnLoad=function(t){this.param.emulateOnload&&(SF.__internal.receive("SFAjaxLoadedResouce",window,function(){i.lengthCSS<=0&&i.lengthJS<=0&&(i.loadJSDoc(t.SCRIPT),SF.__internal.send("DOMContentLoaded",window),SF.__internal.send("load",window))}),this.lengthCSS<=0&&this.lengthJS<=0&&(this.loadJSDoc(t.SCRIPT),SF.__internal.send("DOMContentLoaded",window),SF.__internal.send("load",window)))},this.body=function(){let t;if(this.param.body.sfLoaded={frameworks:window.loadedFrameworks,assets:window.loadedSfAssets},"json"==this.param.dataType)t=JSON.stringify(this.param.body);else for(var e in t=new FormData,this.param.body)t.append(e,this.param.body[e]);return t},this.promise=function(){const t={method:this.param.method,mode:this.param.mode,cache:this.param.cache,headers:this.param.headers,redirect:this.param.redirect,referrerPolicy:this.param.referrerPolicy};"GET"!==this.param.method&&(t.body=this.body()),this.controller=new AbortController,t.signal=this.controller.signal,fetch(this.param.url,t).then(function(t){if(!t.ok)throw new Error("HTTP error! status: "+t.status);return"json"===i.param.dataType?t.json():t.text()}).then(function(t){if("json"===i.param.dataType)r(t);else{var e=i.processHTML(t);i.loadCSS(e.STYLE),r(e.HTML),i.loadJS(e.SCRIPT),i.emulateOnLoad(e)}}).catch(function(t){t&&"AbortError"!==t.name&&console.warn("SF.Ajax promise failed:",t)}).finally(function(){n(),i.controller=null})},this.async=async function(){let t={method:this.param.method,mode:this.param.mode,cache:this.param.cache,headers:this.param.headers,redirect:this.param.redirect,referrerPolicy:this.param.referrerPolicy};"GET"!==this.param.method&&(t.body=this.body()),this.controller=new AbortController,t.signal=this.controller.signal;try{var e=await fetch(this.param.url,t);if(!e.ok)throw new Error("HTTP error! status: "+e.status);let n,i;if("json"===this.param.dataType)n=await e.json(),r(n);else{n=await e.text(),i=this.processHTML(n);let t=[...this.loadCSS(i.STYLE),...this.loadJS(i.SCRIPT)];Promise.all(t).then(()=>{r(i.HTML),this.emulateOnLoad(i),this.filterHash(i)})}}catch(t){t&&"AbortError"!==t.name&&console.warn("SF.Ajax async failed:",t)}finally{n(),this.controller=null}},this.abort=function(){this.controller&&(this.controller.abort(),this.controller=null)},this.filterHash=t=>{Object.keys(t).forEach(r=>{-1!==["SCRIPT","STYLE"].indexOf(r)&&t[r].length&&t[r].forEach(t=>{const n="SCRIPT"===r?t.JS:t,i=e(n).substring(0,16);-1===SF.Loader.phpScriptsLoaded.indexOf(i)&&SF.Loader.phpScriptsLoaded.push(i)})})},this.param={url:!1,method:"GET",mode:"same-origin",cache:"no-cache",redirect:"follow",referrerPolicy:"no-referrer",body:{},dataType:"html",async:!0,scriptsRunFirst:!0,emulateOnload:!0,headers:{}};var i=this;this.lengthJS=0,this.lengthCSS=0,this.updateparam(t),"json"===this.param.dataType&&(this.param.headers["Content-Type"]="application/json"),this.param.async?this.async():this.promise()}SF.Ajax=n,n.componentName="SF.Ajax",r("SF.Ajax",n)})();

package/distr/component/ajaxload/js/ajaxload.min.js

@@ -0,0 +1 @@
+(()=>{var t={"1db96685a8ef"(t,e){var a=window.SF;window.SF=window.SF||function(){},a&&Object.keys(a).forEach(t=>{window.SF[t]=a[t]}),window.SF,SF.AjaxLoad=function(t,e){this.send=function(t,e,a=!1){let i=new Event(t,{bubbles:!0});a&&(i.params=a),e.dispatchEvent(i)},this.receive=function(t,e,a){window.addEventListener?e.addEventListener(t,a,!1):window.attachEvent&&e.attachEvent(t,a)},this.getAjax=function(t){BX.ajax.post(this.param.src,"",function(e){t.innerHTML=e,t.load.style.display="none"})},this.extend=function(t,e){for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&("[object Object]"==Object.prototype.toString.call(e[a])?this.extend(t[a],e[a]):t[a]=e[a]);return t},this.checklayer=function(t){let e=getComputedStyle(t);"loaded"!==t.getAttribute(this.param.data.loaded)&&"none"!==e.display?(t.setAttribute(this.param.data.loaded,"loaded"),t.innerHTML=this.param.load,setTimeout(this.getAjax.bind(this,t),1e3)):t.setAttribute(this.param.data.loaded,""),t.hasAttribute(this.param.data.cancel)&&"loaded"==t.getAttribute(this.param.data.loaded)&&this.send(this.param.events.cancel,t)},this.clearInterval=function(t){clearInterval(t)},this.init=function(t){return setInterval(this.checklayer.bind(this,t),1e3)},this.param={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:""}},this.param=this.extend(this.param,e),this.clearTimeout=setInterval(this.checklayer.bind(this,t),1e3),this.receive(this.param.events.cancel,t,this.clearInterval.bind(this,this.clearTimeout))}},"1c4d5957a876"(){window.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[sf-ajaxload]").forEach(t=>{let e={src:t.getAttribute("sf-src")};new SF.AjaxLoad(t,e)})})}};const e={};function a(i){const n=e[i];if(void 0!==n)return n.exports;const s=e[i]={exports:{}};return t[i](s,s.exports,a),s.exports}(()=>{"use strict";a("1db96685a8ef"),a("1c4d5957a876")})()})();

package/distr/component/alerts/css/alerts.min.css

@@ -0,0 +1 @@
+_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-alert{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-alert{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-alert{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-alert{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-alert{border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}}.sf-alert:where(:dir(ltr)){border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-alert{border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}}.sf-alert:where(:dir(rtl)){border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-alert{border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}}.sf-alert:where(:dir(ltr)){border-left-width:var(--sf-px);border-left-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-alert{border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}}.sf-alert:where(:dir(rtl)){border-right-width:var(--sf-px);border-right-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-alert{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-alert{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-alert{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-alert{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}}.sf-alert:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-alert{padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}}.sf-alert:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-alert{padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}}.sf-alert:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-alert{padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-alert{padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}}.sf-alert:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-alert{padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-alert{padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}}.sf-alert:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)))}.sf-alert{--sf-alert--color: var(--sf-alert-color, var(--sf-on-surface));border-bottom-width:var(--sf-px);border-bottom-width:var(--sf-alert-border-width, var(--sf-alert--border-bottom-width, var(--sf-px)));border-end-end-radius:var(--sf-radius--surface);border-end-end-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-right-radius, var(--sf-radius--surface)));border-end-start-radius:var(--sf-radius--surface);border-end-start-radius:var(--sf-alert-radius, var(--sf-alert--border-bottom-left-radius, var(--sf-radius--surface)));border-inline-end-width:var(--sf-px);border-inline-end-width:var(--sf-alert-border-width, var(--sf-alert--border-right-width, var(--sf-px)));border-inline-start-width:var(--sf-px);border-inline-start-width:var(--sf-alert-border-width, var(--sf-alert--border-left-width, var(--sf-px)));border-start-end-radius:var(--sf-radius--surface);border-start-end-radius:var(--sf-alert-radius, var(--sf-alert--border-top-right-radius, var(--sf-radius--surface)));border-start-start-radius:var(--sf-radius--surface);border-start-start-radius:var(--sf-alert-radius, var(--sf-alert--border-top-left-radius, var(--sf-radius--surface)));border-style:solid;border-style:var(--sf-alert--border-style, solid);border-top-width:var(--sf-px);border-top-width:var(--sf-alert-border-width, var(--sf-alert--border-top-width, var(--sf-px)));border-width:var(--sf-px);border-width:var(--sf-alert-border-width, var(--sf-alert--border-width, var(--sf-px)));gap:var(--sf-space-1);gap:var(--sf-alert-gap, var(--sf-alert--gap, var(--sf-space-1)));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-alert-padding-block, var(--sf-alert--padding-bottom, var(--sf-space-1)));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)));padding-inline-end:var(--sf-alert-padding-inline, var(--sf-alert--padding-right, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)));padding-inline-start:var(--sf-alert-padding-inline, var(--sf-alert--padding-left, var(--sf-space-1)));padding-top:var(--sf-space-1);padding-top:var(--sf-alert-padding-block, var(--sf-alert--padding-top, var(--sf-space-1)));background-color:var(--sf-alert--background-color);border-color:transparent;border-color:var(--sf-alert--border-color, transparent);color:var(--sf-alert--color);opacity:1;opacity:var(--sf-alert--opacity, 1);transition:opacity var(--sf-duration-normal) var(--sf-ease-enter)}.sf-alert.closing{transition-timing-function:var(--sf-ease-exit);--sf-alert--opacity: 0;pointer-events:none}.sf-alert .sf-alert-wrap{--sf-alert-wrap--background-color: transparent;--sf-alert-wrap--gap: var(--sf-space-1);background-color:var(--sf-alert-wrap--background-color);gap:var(--sf-alert-wrap--gap)}.sf-alert .sf-alert-buttons{--sf-alert-buttons--background-color: transparent;--sf-alert-buttons--gap: var(--sf-space-1\/3);background-color:var(--sf-alert-buttons--background-color);gap:var(--sf-alert-buttons--gap)}.sf-alert .sf-alert-content{--sf-alert-content--background-color: transparent;--sf-alert-content--gap: var(--sf-space-1\/2);background-color:var(--sf-alert-content--background-color);gap:var(--sf-alert-content--gap)}.sf-alert .sf-alert-supporting-text{--sf-alert-supporting-text--color: var(--sf-alert--color);--sf-alert-supporting-text--font-family: var(--sf-text--family);--sf-alert-supporting-text--font-size: var(--sf-text-size-1);--sf-alert-supporting-text--font-weight: var(--sf-font-weight-regular);--sf-alert-supporting-text--line-height: var(--sf-text-height-1);color:var(--sf-alert-supporting-text--color);font-family:var(--sf-alert-supporting-text--font-family);font-size:var(--sf-alert-supporting-text--font-size);font-weight:var(--sf-alert-supporting-text--font-weight);line-height:var(--sf-alert-supporting-text--line-height)}.sf-alert .sf-alert-text{--sf-alert-text--color: var(--sf-alert--color);--sf-alert-text--font-family: var(--sf-text--family);--sf-alert-text--font-size: var(--sf-text-size-1);--sf-alert-text--font-weight: var(--sf-font-weight-medium);--sf-alert-text--line-height: var(--sf-text-height-1);color:var(--sf-alert-text--color);font-family:var(--sf-alert-text--font-family);font-size:var(--sf-alert-text--font-size);font-weight:var(--sf-alert-text--font-weight);line-height:var(--sf-alert-text--line-height)}.sf-alert .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-alert .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);color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}.sf-alert.sf-alert--neutral.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline))}.sf-alert.sf-alert--clear.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline))}.sf-alert.sf-alert--neutral.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--clear.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--neutral.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--clear.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--info.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-info-container));--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-info));--sf-alert--color: var(--sf-alert-color, var(--sf-on-info-container))}.sf-alert.sf-alert--info .sf-icon{--sf-icon--color: var(--sf-info)}.sf-alert.sf-alert--error.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--danger.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--error.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--danger.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--neutral.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--clear.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--error.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--danger.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--info.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--warning.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--success.sf-alert--default>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--info.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--warning.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--success.sf-alert--outlined>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--info.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--warning.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon,.sf-alert.sf-alert--success.sf-alert--flat>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}.sf-alert.sf-alert--error.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-error-container));--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-error));--sf-alert--color: var(--sf-alert-color, var(--sf-on-error-container))}.sf-alert.sf-alert--danger.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-error-container));--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-error));--sf-alert--color: var(--sf-alert-color, var(--sf-on-error-container))}.sf-alert.sf-alert--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-alert.sf-alert--danger .sf-icon{--sf-icon--color: var(--sf-error)}.sf-alert.sf-alert--warning.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-warning-container));--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-warning));--sf-alert--color: var(--sf-alert-color, var(--sf-on-warning-container))}.sf-alert.sf-alert--warning .sf-icon{--sf-icon--color: var(--sf-warning)}.sf-alert.sf-alert--success.sf-alert--default{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-success-container));--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-success));--sf-alert--color: var(--sf-alert-color, var(--sf-on-success-container))}.sf-alert.sf-alert--success .sf-icon{--sf-icon--color: var(--sf-success)}.sf-alert.sf-alert--neutral.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline))}.sf-alert.sf-alert--clear.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline))}.sf-alert.sf-alert--info.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-info))}.sf-alert.sf-alert--error.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-error))}.sf-alert.sf-alert--danger.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-error))}.sf-alert.sf-alert--warning.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-warning))}.sf-alert.sf-alert--success.sf-alert--outlined{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-outline-success))}.sf-alert.sf-alert--neutral.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-alert.sf-alert--clear.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-alert.sf-alert--info.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-info-container));--sf-alert--color: var(--sf-alert-color, var(--sf-on-info-container))}.sf-alert.sf-alert--error.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-error-container));--sf-alert--color: var(--sf-alert-color, var(--sf-on-error-container))}.sf-alert.sf-alert--danger.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-error-container));--sf-alert--color: var(--sf-alert-color, var(--sf-on-error-container))}.sf-alert.sf-alert--warning.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-warning-container));--sf-alert--color: var(--sf-alert-color, var(--sf-on-warning-container))}.sf-alert.sf-alert--success.sf-alert--flat{--sf-alert--background-color: var(--sf-alert-background-color, var(--sf-success-container));--sf-alert--color: var(--sf-alert-color, var(--sf-on-success-container))}.sf-alert--outlined{--sf-alert--background-color: var(--sf-alert-background-color, transparent)}.sf-alert--flat{--sf-alert--border-color: var(--sf-alert-border-color, var(--sf-transparent))}@media(prefers-reduced-motion: reduce){.sf-alert{transition:none}}@media(forced-colors: active){.sf-alert{border-color:CanvasText}}

package/distr/component/alerts/js/alerts.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e="__sfAlertDocumentClickHandler";function t(e){const t=e.target?.closest?.("[data-close], [data-alert-close], [data-action], [data-alert-action], .sf-alert--close"),n=t?.closest?.(".sf-alert");if(t&&n&&!function(e){return e.matches(':disabled, [aria-disabled="true"]')}(t)&&!function(e){return!0===e.parentElement?.matches("sf-alert")}(n))return t.matches("[data-close], [data-alert-close], .sf-alert--close")?(e.preventDefault(),function(e,t){e.dispatchEvent(new CustomEvent("sf-alert-close",{bubbles:!0,detail:{alert:e,trigger:t}}))}(n,t),void function(e,t=e){if(!e?.isConnected||!t?.isConnected)return Promise.resolve(t);const n=()=>(t.isConnected&&t.remove(),t),i=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;i||"function"!=typeof e.getAnimations?Promise.resolve(n()):(window.getComputedStyle(e).opacity,e.classList.add("closing"),new Promise(t=>{window.requestAnimationFrame(()=>{const i=e.getAnimations().filter(e=>{const t=e.effect?.getComputedTiming?.();return t&&t.iterations!==1/0});0!==i.length?Promise.allSettled(i.map(e=>e.finished)).then(()=>t(n())):t(n())})}))}(n)):void function(e,t){e.dispatchEvent(new CustomEvent("sf-alert-action",{bubbles:!0,detail:{action:t.getAttribute("data-action")||t.getAttribute("data-alert-action")||"",alert:e,trigger:t}}))}(n,t)}"undefined"==typeof document||"undefined"==typeof window||window[e]||(window[e]=t,document.addEventListener("click",t))})();

package/distr/component/avatars/css/avatars.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-add-button .sf-icon-button{border-style:dashed}}@layer sf.components{.sf-avatar-card.sf-avatar-card--square img,.sf-avatar-card.sf-avatar-card-square img{aspect-ratio:1/1}.sf-avatar-card img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.sf-avatar-card.sf-avatar-card--portrait img,.sf-avatar-card.sf-avatar-card-portrait img{aspect-ratio:9/16}.disabled .sf-avatar,.disabled .sf-avatar:hover,.disabled .sf-avatar:focus,.disabled .sf-avatar:active{--sf-avatar--border-color: transparent}.sf-add-button{position:relative;display:flex;align-items:center}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-add-button .sf-tooltip{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-add-button .sf-tooltip{left:50%}}.sf-add-button .sf-tooltip:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-add-button .sf-tooltip{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-add-button .sf-tooltip{right:50%}}.sf-add-button .sf-tooltip:where(:dir(rtl)){right:50%}.sf-add-button .sf-tooltip{position:absolute;inset-inline-start:50%;bottom:calc(100% + var(--sf-space-1));inset-block-end:calc(100% + var(--sf-space-1));-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--sf-z-index-9);display:none;pointer-events:none}.sf-add-button:hover .sf-tooltip,.sf-add-button[focus-within] .sf-tooltip{display:block}.sf-add-button:hover .sf-tooltip,.sf-add-button:focus-within .sf-tooltip{display:block}}@layer sf.components{.sf-avatar-badge{background-color:transparent;background-color:var(--sf-avatar-badge--background-color, transparent);width:var(--sf-avatar-badge--width)}.sf-avatar-badge--size-1{--sf-avatar-badge--width: var(--sf-text-size-1\/2)}.sf-avatar-badge--size-2{--sf-avatar-badge--width: var(--sf-text-size-1)}.sf-avatar-badge--size-3{--sf-avatar-badge--width: var(--sf-text-size-2)}.sf-avatar-badge--size-1\/4{--sf-avatar-badge--width: var(--sf-text-size-1\/5)}.sf-avatar-badge--size-1\/3{--sf-avatar-badge--width: var(--sf-text-size-1\/4)}.sf-avatar-badge--size-1\/2{--sf-avatar-badge--width: var(--sf-text-size-1\/3)}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-bottom-right-radius:var(--sf-radius-circle)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-online-indicator{border-bottom-right-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-bottom-left-radius:var(--sf-radius-circle)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-online-indicator{border-bottom-left-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-bottom-left-radius:var(--sf-radius-circle)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-online-indicator{border-bottom-left-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-bottom-right-radius:var(--sf-radius-circle)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-online-indicator{border-bottom-right-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-right-width:var(--sf-px)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-online-indicator{border-right-width:var(--sf-px)}}.sf-online-indicator:where(:dir(ltr)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-left-width:var(--sf-px)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-online-indicator{border-left-width:var(--sf-px)}}.sf-online-indicator:where(:dir(rtl)){border-left-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-left-width:var(--sf-px)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-online-indicator{border-left-width:var(--sf-px)}}.sf-online-indicator:where(:dir(ltr)){border-left-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-right-width:var(--sf-px)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-online-indicator{border-right-width:var(--sf-px)}}.sf-online-indicator:where(:dir(rtl)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-top-right-radius:var(--sf-radius-circle)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-online-indicator{border-top-right-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-top-left-radius:var(--sf-radius-circle)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-online-indicator{border-top-left-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-online-indicator{border-top-left-radius:var(--sf-radius-circle)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-online-indicator{border-top-left-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle)}_:-ms-input-placeholder, [dir="rtl"] .sf-online-indicator{border-top-right-radius:var(--sf-radius-circle)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-online-indicator{border-top-right-radius:var(--sf-radius-circle)}}.sf-online-indicator:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle)}.sf-online-indicator{border-bottom-width:var(--sf-px);border-color:transparent;border-color:var(--sf-surface-0, transparent);border-end-end-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-radius-circle);border-inline-end-width:var(--sf-px);border-inline-start-width:var(--sf-px);border-start-end-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-radius-circle);border-top-width:var(--sf-px);width:var(--sf-online-indicator--width);height:var(--sf-online-indicator--height);background-color:var(--sf-online-indicator--background-color);--sf-online-indicator--height: var(--sf-b6);--sf-online-indicator--width: var(--sf-b6)}.sf-online-indicator--size-1{--sf-online-indicator--height: var(--sf-b2);--sf-online-indicator--width: var(--sf-b2)}.sf-online-indicator--size-2{--sf-online-indicator--height: var(--sf-b6);--sf-online-indicator--width: var(--sf-b6)}.sf-online-indicator--size-3{--sf-online-indicator--height: var(--sf-c0);--sf-online-indicator--width: var(--sf-c0)}.sf-online-indicator--size-1\/4{--sf-online-indicator--height: var(--sf-a6);--sf-online-indicator--width: var(--sf-a6)}.sf-online-indicator--size-1\/3{--sf-online-indicator--height: var(--sf-a8);--sf-online-indicator--width: var(--sf-a8)}.sf-online-indicator--size-1\/2{--sf-online-indicator--height: var(--sf-b0);--sf-online-indicator--width: var(--sf-b0)}.sf-online-indicator--offline{--sf-online-indicator--background-color: var(--sf-on-surface-muted)}.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}}@layer sf.components{.sf-avatar-card{background-color:transparent;background-color:var(--sf-avatar-card--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-avatar-card--gap, var(--sf-space-1\/3))}.sf-avatar-card .sf-avatar-card-image{background-color:transparent;background-color:var(--sf-avatar-card-image--background-color, transparent)}.sf-avatar-card .sf-avatar-card-content{background-color:transparent;background-color:var(--sf-avatar-card-content--background-color, transparent);color:var(--sf-on-surface);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-text-height-1)}.sf-avatar-card .sf-avatar-card-row{background-color:transparent;background-color:var(--sf-avatar-card-row--background-color, transparent);color:var(--sf-on-surface-variant);color:var(--sf-avatar-card-row--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-avatar-card-row--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-avatar-card-row--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-avatar-card-row--font-weight, var(--sf-font-weight-regular));gap:var(--sf-space-1\/4);gap:var(--sf-avatar-card-row--gap, var(--sf-space-1\/4));line-height:var(--sf-text-height-1);line-height:var(--sf-avatar-card-row--line-height, var(--sf-text-height-1))}.sf-avatar-card .sf-icon{font-size:var(--sf-text-height-1);font-size:var(--sf-icon--font-size, var(--sf-text-height-1));height:var(--sf-text-height-1);height:var(--sf-icon--height, var(--sf-text-height-1));width:var(--sf-text-height-1);width:var(--sf-icon--width, var(--sf-text-height-1))}.sf-avatar-card .sf-avatar-card-title{color:var(--sf-on-surface);color:var(--sf-avatar-card-title--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-avatar-card-title--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-avatar-card-title--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-medium);font-weight:var(--sf-avatar-card-title--font-weight, var(--sf-font-weight-medium));line-height:var(--sf-text-height-1);line-height:var(--sf-avatar-card-title--line-height, var(--sf-text-height-1))}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-avatar{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-avatar{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-avatar{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-avatar{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-avatar{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-avatar{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-avatar{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-avatar{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}}.sf-avatar:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-right-width:0;border-right-width:var(--sf-avatar--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-avatar{border-right-width:0;border-right-width:var(--sf-avatar--border-inline-end-width, 0)}}.sf-avatar:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-avatar--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-left-width:0;border-left-width:var(--sf-avatar--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-avatar{border-left-width:0;border-left-width:var(--sf-avatar--border-inline-end-width, 0)}}.sf-avatar:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-avatar--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar{border-left-width:0;border-left-width:var(--sf-avatar--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-avatar{border-left-width:0;border-left-width:var(--sf-avatar--border-inline-start-width, 0)}}.sf-avatar:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-avatar--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar{border-right-width:0;border-right-width:var(--sf-avatar--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-avatar{border-right-width:0;border-right-width:var(--sf-avatar--border-inline-start-width, 0)}}.sf-avatar:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-avatar--border-inline-start-width, 0)}.sf-avatar{border-end-end-radius:var(--sf-radius-circle);border-end-end-radius:var(--sf-avatar--border-bottom-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)));border-end-start-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-avatar--border-bottom-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)));border-start-end-radius:var(--sf-radius-circle);border-start-end-radius:var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)));border-start-start-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-avatar--border-top-left-radius, var(--sf-avatar-radius, var(--sf-radius-circle)));color:var(--sf-on-surface-variant);color:var(--sf-avatar--color, var(--sf-avatar-color, var(--sf-on-surface-variant)));font-family:var(--sf-text--family);font-family:var(--sf-avatar--font-family, var(--sf-text--family));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-avatar--font-weight, var(--sf-font-weight-regular));width:var(--sf-avatar--width);height:var(--sf-avatar--height);background-color:var(--sf-avatar--background-color);font-size:var(--sf-avatar--font-size);line-height:var(--sf-avatar--line-height);white-space:nowrap;border-color:transparent;border-color:var(--sf-avatar--border-color, var(--sf-avatar-border-color, transparent));border-width:0;border-width:var(--sf-avatar--border-width, 0);border-top-width:0;border-top-width:var(--sf-avatar--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-avatar--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-avatar--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-avatar--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-avatar--border-style, solid);box-shadow:var(--sf-avatar--box-shadow);--sf-avatar--background-color: var(--sf-avatar-background-color, transparent);--sf-avatar--border-top-width: var(--sf-avatar-border-width, var(--sf-px));--sf-avatar--border-bottom-width: var(--sf-avatar-border-width, var(--sf-px));--sf-avatar--border-inline-start-width: var(--sf-avatar-border-width, var(--sf-px));--sf-avatar--border-inline-end-width: var(--sf-avatar-border-width, var(--sf-px))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-bottom-right-radius:var(--sf-avatar-badge--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-bottom-right-radius:var(--sf-avatar-badge--border-end-end-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(ltr)){border-bottom-right-radius:var(--sf-avatar-badge--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar .sf-avatar-badge{border-bottom-left-radius:var(--sf-avatar-badge--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-avatar .sf-avatar-badge{border-bottom-left-radius:var(--sf-avatar-badge--border-end-end-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(rtl)){border-bottom-left-radius:var(--sf-avatar-badge--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-bottom-left-radius:var(--sf-avatar-badge--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-bottom-left-radius:var(--sf-avatar-badge--border-end-start-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(ltr)){border-bottom-left-radius:var(--sf-avatar-badge--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar .sf-avatar-badge{border-bottom-right-radius:var(--sf-avatar-badge--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-avatar .sf-avatar-badge{border-bottom-right-radius:var(--sf-avatar-badge--border-end-start-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(rtl)){border-bottom-right-radius:var(--sf-avatar-badge--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-top-right-radius:var(--sf-avatar-badge--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-top-right-radius:var(--sf-avatar-badge--border-start-end-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(ltr)){border-top-right-radius:var(--sf-avatar-badge--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar .sf-avatar-badge{border-top-left-radius:var(--sf-avatar-badge--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-avatar .sf-avatar-badge{border-top-left-radius:var(--sf-avatar-badge--border-start-end-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(rtl)){border-top-left-radius:var(--sf-avatar-badge--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-top-left-radius:var(--sf-avatar-badge--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-avatar .sf-avatar-badge{border-top-left-radius:var(--sf-avatar-badge--border-start-start-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(ltr)){border-top-left-radius:var(--sf-avatar-badge--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar .sf-avatar-badge{border-top-right-radius:var(--sf-avatar-badge--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-avatar .sf-avatar-badge{border-top-right-radius:var(--sf-avatar-badge--border-start-start-radius)}}.sf-avatar .sf-avatar-badge:where(:dir(rtl)){border-top-right-radius:var(--sf-avatar-badge--border-start-start-radius)}.sf-avatar .sf-avatar-badge{border:0 solid;border:var(--sf-avatar-badge--border, 0 solid);border-color:transparent;border-color:var(--sf-avatar-badge--border-color, transparent);border-end-end-radius:var(--sf-avatar-badge--border-end-end-radius);border-end-start-radius:var(--sf-avatar-badge--border-end-start-radius);border-start-end-radius:var(--sf-avatar-badge--border-start-end-radius);border-start-start-radius:var(--sf-avatar-badge--border-start-start-radius);border-style:solid;border-style:var(--sf-avatar-badge--border-style, solid);border-width:0;border-width:var(--sf-avatar-badge--border-width, 0)}.sf-avatar .sf-icon{font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}.sf-avatar .sf-online-indicator{background-color:var(--sf-online-indicator--background-color)}.sf-avatar .sf-avatar-badge.sf-avatar-badge--company{--sf-avatar-badge--border: var(--sf-px) solid;--sf-avatar-badge--border-end-end-radius: var(--sf-radius-circle);--sf-avatar-badge--border-end-start-radius: var(--sf-radius-circle);--sf-avatar-badge--border-start-end-radius: var(--sf-radius-circle);--sf-avatar-badge--border-start-start-radius: var(--sf-radius-circle);--sf-avatar-badge--border-style: solid;--sf-avatar-badge--border-width: var(--sf-px);--sf-avatar-badge--border-color: var(--sf-surface-0)}.sf-avatar.sf-avatar--size-2 .sf-icon{--sf-icon--font-size: var(--sf-icon-size-4);--sf-icon--height: var(--sf-icon-size-4);--sf-icon--width: var(--sf-icon-size-4)}.sf-avatar.sf-avatar--size-3 .sf-icon{--sf-icon--font-size: var(--sf-icon-size-5);--sf-icon--height: var(--sf-icon-size-5);--sf-icon--width: var(--sf-icon-size-5)}.sf-avatar.sf-avatar--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-icon-size-2);--sf-icon--height: var(--sf-icon-size-2);--sf-icon--width: var(--sf-icon-size-2)}.sf-avatar.sf-avatar--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-icon-size-1);--sf-icon--height: var(--sf-icon-size-1);--sf-icon--width: var(--sf-icon-size-1)}.sf-avatar.sf-avatar--size-1\/4 .sf-icon{--sf-icon--font-size: var(--sf-icon-size-1\/3);--sf-icon--height: var(--sf-icon-size-1\/3);--sf-icon--width: var(--sf-icon-size-1\/3)}.sf-avatar--size-1{--sf-avatar--font-size: var(--sf-text-size-1);--sf-avatar--height: var(--sf-ui-1--control-height);--sf-avatar--line-height: var(--sf-text-height-1);--sf-avatar--width: var(--sf-ui-1--control-height)}.sf-avatar--size-2{--sf-avatar--font-size: var(--sf-text-size-2);--sf-avatar--height: var(--sf-ui-2--control-height);--sf-avatar--line-height: var(--sf-text-height-2);--sf-avatar--width: var(--sf-ui-2--control-height)}.sf-avatar--size-3{--sf-avatar--font-size: var(--sf-text-size-3);--sf-avatar--height: var(--sf-ui-3--control-height);--sf-avatar--line-height: var(--sf-text-height-3);--sf-avatar--width: var(--sf-ui-3--control-height)}.sf-avatar--size-1\/2{--sf-avatar--font-size: var(--sf-text-size-1\/2);--sf-avatar--height: var(--sf-ui-1\/2--control-height);--sf-avatar--line-height: var(--sf-text-height-1\/2);--sf-avatar--width: var(--sf-ui-1\/2--control-height)}.sf-avatar--size-1\/3{--sf-avatar--font-size: var(--sf-text-size-1\/3);--sf-avatar--height: var(--sf-ui-1\/3--control-height);--sf-avatar--line-height: var(--sf-text-height-1\/3);--sf-avatar--width: var(--sf-ui-1\/3--control-height)}.sf-avatar--size-1\/4{--sf-avatar--font-size: var(--sf-text-size-1\/4);--sf-avatar--height: var(--sf-text-height-1\/2);--sf-avatar--line-height: var(--sf-text-height-1\/4);--sf-avatar--width: var(--sf-text-height-1\/2)}.sf-avatar--placeholder,.sf-avatar--text{--sf-avatar--background-color: var(--sf-avatar-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-avatar--square{--sf-avatar--border-bottom-right-radius: var(--sf-avatar-radius, var(--sf-radius--ui));--sf-avatar--border-bottom-left-radius: var(--sf-avatar-radius, var(--sf-radius--ui));--sf-avatar--border-top-right-radius: var(--sf-avatar-radius, var(--sf-radius--ui));--sf-avatar--border-top-left-radius: var(--sf-avatar-radius, var(--sf-radius--ui))}.sf-avatar-image{width:100%;inline-size:100%;height:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}}@layer sf.states{button.sf-avatar:not(:disabled):not(.disabled):hover .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}a.sf-avatar:not(:disabled):not(.disabled):hover .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}button.sf-avatar.focus-visible:not(:disabled):not(.disabled) .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}a.sf-avatar.focus-visible:not(:disabled):not(.disabled) .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}button.sf-avatar:not(:disabled):not(.disabled):hover .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}a.sf-avatar:not(:disabled):not(.disabled):hover .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}button.sf-avatar:not(:disabled):not(.disabled).focus-visible .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}button.sf-avatar:not(:disabled):not(.disabled):focus-visible .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}a.sf-avatar:not(:disabled):not(.disabled).focus-visible .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}a.sf-avatar:not(:disabled):not(.disabled):focus-visible .sf-online-indicator.sf-online-indicator--online{--sf-online-indicator--background-color: var(--sf-success)}button.sf-avatar:not(:disabled):not(.disabled):hover{--sf-avatar--border-color: var(--sf-primary-hover);--sf-avatar--border-style: solid;--sf-avatar--border-width: var(--sf-px)}a.sf-avatar:not(:disabled):not(.disabled):hover{--sf-avatar--border-color: var(--sf-primary-hover);--sf-avatar--border-style: solid;--sf-avatar--border-width: var(--sf-px)}button.sf-avatar.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}a.sf-avatar.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}button.sf-avatar:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}button.sf-avatar:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}a.sf-avatar:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}a.sf-avatar:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}}@layer sf.components{.sf-avatar.sf-avatar--line-1\/2{--sf-avatar--height: var(--sf-text-height-1\/2);--sf-avatar--width: var(--sf-text-height-1\/2);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-1\/2) / 2));--sf-avatar--line-height: var(--sf-text-height-1\/2)}.sf-avatar.sf-avatar--line-1{--sf-avatar--height: var(--sf-text-height-1);--sf-avatar--width: var(--sf-text-height-1);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-1) / 2));--sf-avatar--line-height: var(--sf-text-height-1)}.sf-avatar.sf-avatar--line-2{--sf-avatar--height: var(--sf-text-height-2);--sf-avatar--width: var(--sf-text-height-2);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-2) / 2));--sf-avatar--line-height: var(--sf-text-height-2)}}@layer sf.components{.sf-avatar-label-group{background-color:transparent;background-color:var(--sf-avatar-label-group--background-color, transparent);gap:var(--sf-avatar-label-group--gap)}.sf-avatar-label-group .sf-avatar-label-group-container{background-color:transparent;background-color:var(--sf-avatar-label-group-container--background-color, transparent)}.sf-avatar-label-group .sf-avatar-label-group-title{color:var(--sf-on-surface);color:var(--sf-avatar-label-group-title--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-avatar-label-group-title--font-family, var(--sf-text--family));font-size:var(--sf-avatar-label-group-title--font-size);font-weight:var(--sf-font-weight-medium);font-weight:var(--sf-avatar-label-group-title--font-weight, var(--sf-font-weight-medium));line-height:var(--sf-avatar-label-group-title--line-height)}.sf-avatar-label-group .sf-avatar-label-group-text{color:var(--sf-on-surface-variant);color:var(--sf-avatar-label-group-text--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-avatar-label-group-text--font-family, var(--sf-text--family));font-size:var(--sf-avatar-label-group-text--font-size);font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-avatar-label-group-text--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-avatar-label-group-text--line-height)}.sf-avatar-label-group--size-1 .sf-avatar-label-group-title{--sf-avatar-label-group-title--font-size: var(--sf-text-size-1);--sf-avatar-label-group-title--line-height: var(--sf-text-height-1)}.sf-avatar-label-group.sf-avatar-label-group--size-2.sf-avatar-label-group--status-icon-company .sf-avatar-label-group-text,.sf-avatar-label-group--size-1 .sf-avatar-label-group-text{--sf-avatar-label-group-text--font-size: var(--sf-text-size-1);--sf-avatar-label-group-text--line-height: var(--sf-text-height-1)}.sf-avatar-label-group--size-2 .sf-avatar-label-group-title{--sf-avatar-label-group-title--font-size: var(--sf-text-size-2);--sf-avatar-label-group-title--line-height: var(--sf-text-height-2)}.sf-avatar-label-group.sf-avatar-label-group--size-2 .sf-avatar-label-group-text{--sf-avatar-label-group-text--font-size: var(--sf-text-size-2);--sf-avatar-label-group-text--line-height: var(--sf-text-height-2)}.sf-avatar-label-group--size-3 .sf-avatar-label-group-title{--sf-avatar-label-group-title--font-size: var(--sf-text-size-3);--sf-avatar-label-group-title--line-height: var(--sf-text-height-3)}.sf-avatar-label-group--size-3 .sf-avatar-label-group-text{--sf-avatar-label-group-text--font-size: var(--sf-text-size-3);--sf-avatar-label-group-text--line-height: var(--sf-text-height-3)}.sf-avatar-label-group--size-1\/2 .sf-avatar-label-group-title{--sf-avatar-label-group-title--font-size: var(--sf-text-size-1\/2);--sf-avatar-label-group-title--line-height: var(--sf-text-height-1\/2)}.sf-avatar-label-group--size-1\/2 .sf-avatar-label-group-text{--sf-avatar-label-group-text--font-size: var(--sf-text-size-1\/2);--sf-avatar-label-group-text--line-height: var(--sf-text-height-1\/2)}.sf-avatar-label-group--size-1\/3 .sf-avatar-label-group-title,.sf-avatar-label-group--size-1\/3 .sf-avatar-label-group-text{--sf-avatar-label-group-title--font-size: var(--sf-text-size-1\/3);--sf-avatar-label-group-title--line-height: var(--sf-text-height-1\/3);--sf-avatar-label-group-text--font-size: var(--sf-text-size-1\/3);--sf-avatar-label-group-text--line-height: var(--sf-text-height-1\/3)}.sf-avatar-label-group--size-1\/4 .sf-avatar-label-group-title,.sf-avatar-label-group--size-1\/4 .sf-avatar-label-group-text{--sf-avatar-label-group-title--font-size: var(--sf-text-size-1\/4);--sf-avatar-label-group-title--line-height: var(--sf-text-height-1\/4);--sf-avatar-label-group-text--font-size: var(--sf-text-size-1\/4);--sf-avatar-label-group-text--line-height: var(--sf-text-height-1\/4)}.sf-avatar-label-group--size-1,.sf-avatar-label-group--size-2{--sf-avatar-label-group--gap: var(--sf-space-1\/2)}.sf-avatar-label-group--size-3{--sf-avatar-label-group--gap: var(--sf-space-1)}.sf-avatar-label-group--size-1\/2{--sf-avatar-label-group--gap: var(--sf-space-1\/3)}.sf-avatar-label-group--size-1\/3,.sf-avatar-label-group--size-1\/4{--sf-avatar-label-group--gap: var(--sf-space-1\/4)}}@layer sf.components{.sf-avatar-group{gap:var(--sf-space-1\/3)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/4)*-1)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/4)*-1)}}.sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*:where(:dir(ltr)){margin-left:calc(var(--sf-space-1\/4)*-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/4)*-1)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/4)*-1)}}.sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*:where(:dir(rtl)){margin-right:calc(var(--sf-space-1\/4)*-1)}.sf-avatar-group.sf-avatar-group--size-xs .sf-avatar-group-avatars>*+*{-webkit-margin-start:calc(var(--sf-space-1\/4)*-1);margin-inline-start:calc(var(--sf-space-1\/4)*-1)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not(:focus-within):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(:focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not(:focus-within):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(.focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(:focus-visible):not([focus-within]):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}.sf-avatar-group .sf-avatar:not(:hover):not(:active):not(:focus):not(:focus-visible):not(:focus-within):not(:disabled):not(:visited):not(:checked):not(:indeterminate){border:var(--sf-px) solid;border-color:transparent;border-color:var(--sf-white, transparent);border-style:solid;border-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/3)*-1)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/3)*-1)}}.sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*:where(:dir(ltr)){margin-left:calc(var(--sf-space-1\/3)*-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/3)*-1)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/3)*-1)}}.sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*:where(:dir(rtl)){margin-right:calc(var(--sf-space-1\/3)*-1)}.sf-avatar-group.sf-avatar-group--size-sm .sf-avatar-group-avatars>*+*{-webkit-margin-start:calc(var(--sf-space-1\/3)*-1);margin-inline-start:calc(var(--sf-space-1\/3)*-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/2)*-1)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*{margin-left:calc(var(--sf-space-1\/2)*-1)}}.sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*:where(:dir(ltr)){margin-left:calc(var(--sf-space-1\/2)*-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/2)*-1)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*{margin-right:calc(var(--sf-space-1\/2)*-1)}}.sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*:where(:dir(rtl)){margin-right:calc(var(--sf-space-1\/2)*-1)}.sf-avatar-group.sf-avatar-group--size-md .sf-avatar-group-avatars>*+*{-webkit-margin-start:calc(var(--sf-space-1\/2)*-1);margin-inline-start:calc(var(--sf-space-1\/2)*-1)}}

package/distr/component/avatars/json/avatar-card.utility.json

@@ -0,0 +1,27 @@
+{
+  ".sf-avatar-card": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-a8)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-avatar-card .sf-avatar-card-content": [
+    "flex/1 (.flex-1)",
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-avatar-card .sf-avatar-card-row": [
+    "flex/1 (.flex-1)",
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/4)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/avatars/json/avatar-label-group.utility.json

@@ -0,0 +1,16 @@
+{
+  ".sf-avatar-label-group": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-avatar-label-group .sf-avatar-label-group-container": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ]
+}

package/distr/component/badges/css/badges.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{padding-left:var(--sf-badge--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-badge{padding-left:var(--sf-badge--padding-inline-start)}}.sf-badge:where(:dir(ltr)){padding-left:var(--sf-badge--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{padding-right:var(--sf-badge--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-badge{padding-right:var(--sf-badge--padding-inline-start)}}.sf-badge:where(:dir(rtl)){padding-right:var(--sf-badge--padding-inline-start)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{padding-right:var(--sf-badge--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-badge{padding-right:var(--sf-badge--padding-inline-end)}}.sf-badge:where(:dir(ltr)){padding-right:var(--sf-badge--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{padding-left:var(--sf-badge--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-badge{padding-left:var(--sf-badge--padding-inline-end)}}.sf-badge:where(:dir(rtl)){padding-left:var(--sf-badge--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-left-width:0;border-left-width:var(--sf-badge--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-badge{border-left-width:0;border-left-width:var(--sf-badge--border-inline-start-width, 0)}}.sf-badge:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-badge--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-right-width:0;border-right-width:var(--sf-badge--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-badge{border-right-width:0;border-right-width:var(--sf-badge--border-inline-start-width, 0)}}.sf-badge:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-badge--border-inline-start-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-right-width:0;border-right-width:var(--sf-badge--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-badge{border-right-width:0;border-right-width:var(--sf-badge--border-inline-end-width, 0)}}.sf-badge:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-badge--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-left-width:0;border-left-width:var(--sf-badge--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-badge{border-left-width:0;border-left-width:var(--sf-badge--border-inline-end-width, 0)}}.sf-badge:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-badge--border-inline-end-width, 0)}.sf-badge{border-end-end-radius:var(--sf-radius-circle);border-end-end-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-end-start-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-start-end-radius:var(--sf-radius-circle);border-start-end-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-start-start-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-badge-radius, var(--sf-radius-circle));font-family:var(--sf-text--family);font-weight:var(--sf-font-weight-medium);box-sizing:border-box;gap:var(--sf-space-1\/4);gap:var(--sf-badge--gap, var(--sf-space-1\/4));padding-top:var(--sf-badge--padding-block);padding-bottom:var(--sf-badge--padding-block);padding-block:var(--sf-badge--padding-block);-webkit-padding-start:var(--sf-badge--padding-inline-start);padding-inline-start:var(--sf-badge--padding-inline-start);-webkit-padding-end:var(--sf-badge--padding-inline-end);padding-inline-end:var(--sf-badge--padding-inline-end);min-height:var(--sf-badge--min-size);min-block-size:var(--sf-badge--min-size);min-width:var(--sf-badge--min-size);min-inline-size:var(--sf-badge--min-size);max-width:100%;max-inline-size:100%;background-color:var(--sf-badge--background-color);color:var(--sf-badge--color);font-size:var(--sf-badge--font-size);line-height:var(--sf-badge--line-height);border-top-width:0;border-top-width:var(--sf-badge--border-top-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-badge--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-badge--border-inline-start-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-badge--border-inline-end-width, 0);border-color:transparent;border-color:var(--sf-badge--border-color, transparent);border-style:solid;border-style:var(--sf-badge--border-style, solid);vertical-align:middle;--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse));--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/3);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1\/3--text-space-x));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1\/3--text-space-x));--sf-badge--min-size: calc(var(--sf-badge--line-height) + 2 * var(--sf-badge--padding-block));--sf-badge--gap: var(--sf-badge-gap, var(--sf-space-1\/4));--sf-badge--border-color: var(--sf-badge-border-color, transparent);--sf-badge--border-top-width: var(--sf-badge-border-width, 0);--sf-badge--border-bottom-width: var(--sf-badge-border-width, 0);--sf-badge--border-inline-start-width: var(--sf-badge-border-width, 0);--sf-badge--border-inline-end-width: var(--sf-badge-border-width, 0)}.sf-badge .sf-badge-icon-container{background-color:rgba(0,0,0,0);flex:0 0 auto}.sf-badge .sf-badge-text-container{background-color:rgba(0,0,0,0);min-width:0;min-inline-size:0}.sf-badge .sf-badge-text{color:var(--sf-badge-text--color);font-family:var(--sf-text--family);font-size:var(--sf-badge-text--font-size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-badge-text--line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-badge .sf-icon{color:var(--sf-icon--color);font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}.sf-badge.sf-badge--main.sf-badge--neutral{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse))}.sf-badge.sf-badge--tonal .sf-icon,.sf-badge.sf-badge--main .sf-icon,.sf-badge.sf-badge--outline .sf-icon{--sf-icon--color: var(--sf-badge--color)}.sf-badge.sf-badge--tonal .sf-badge-text,.sf-badge.sf-badge--main .sf-badge-text,.sf-badge.sf-badge--outline .sf-badge-text{--sf-badge-text--color: var(--sf-badge-color, var(--sf-badge--color))}.sf-badge.sf-badge--main.sf-badge--primary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-primary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-primary))}.sf-badge.sf-badge--main.sf-badge--secondary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-secondary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-secondary))}.sf-badge.sf-badge--tonal.sf-badge--neutral{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--tonal.sf-badge--primary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-primary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-primary-container))}.sf-badge.sf-badge--tonal.sf-badge--secondary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-secondary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-secondary-container))}.sf-badge.sf-badge--outline.sf-badge--neutral{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--outline.sf-badge--primary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-primary));--sf-badge--color: var(--sf-badge-color, var(--sf-primary))}.sf-badge.sf-badge--outline.sf-badge--secondary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-secondary));--sf-badge--color: var(--sf-badge-color, var(--sf-secondary))}.sf-badge.sf-badge--main.sf-badge--tertiary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-tertiary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-tertiary))}.sf-badge.sf-badge--tonal.sf-badge--tertiary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-tertiary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-tertiary-container))}.sf-badge.sf-badge--outline.sf-badge--tertiary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-tertiary));--sf-badge--color: var(--sf-badge-color, var(--sf-tertiary))}.sf-badge.sf-badge--main.sf-badge--on-surface{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse))}.sf-badge.sf-badge--outline.sf-badge--on-surface{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--main.sf-badge--info{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-info));--sf-badge--color: var(--sf-badge-color, var(--sf-on-info))}.sf-badge.sf-badge--tonal.sf-badge--info{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-info-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-info-container))}.sf-badge.sf-badge--outline.sf-badge--info{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-info));--sf-badge--color: var(--sf-badge-color, var(--sf-info))}.sf-badge.sf-badge--main.sf-badge--success{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-success));--sf-badge--color: var(--sf-badge-color, var(--sf-on-success))}.sf-badge.sf-badge--tonal.sf-badge--success{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-success-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-success-container))}.sf-badge.sf-badge--outline.sf-badge--success{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-success));--sf-badge--color: var(--sf-badge-color, var(--sf-success))}.sf-badge.sf-badge--main.sf-badge--warning{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-warning));--sf-badge--color: var(--sf-badge-color, var(--sf-on-warning))}.sf-badge.sf-badge--tonal.sf-badge--warning{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-warning-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-warning-container))}.sf-badge.sf-badge--outline.sf-badge--warning{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-warning));--sf-badge--color: var(--sf-badge-color, var(--sf-warning))}.sf-badge.sf-badge--main.sf-badge--error{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error))}.sf-badge.sf-badge--main.sf-badge--danger{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error))}.sf-badge.sf-badge--tonal.sf-badge--error{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error-container))}.sf-badge.sf-badge--tonal.sf-badge--danger{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error-container))}.sf-badge.sf-badge--outline.sf-badge--error{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-error));--sf-badge--color: var(--sf-badge-color, var(--sf-error))}.sf-badge.sf-badge--outline.sf-badge--danger{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-error));--sf-badge--color: var(--sf-badge-color, var(--sf-error))}.sf-badge--size-1{--sf-badge--font-size: var(--sf-text-size-1);--sf-badge--line-height: var(--sf-text-height-1);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1--text-space-x));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1--text-space-x))}.sf-badge.sf-badge--size-1 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1);--sf-icon--width: var(--sf-text-size-1)}.sf-badge--size-1 .sf-badge-text,.sf-badge--size-1\/3 .sf-badge-text,.sf-badge--size-1\/2 .sf-badge-text{--sf-badge-text--font-size: var(--sf-badge--font-size);--sf-badge-text--line-height: var(--sf-badge--line-height)}.sf-badge--size-1\/3{--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/3);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1\/3--text-space-x));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1\/3--text-space-x))}.sf-badge.sf-badge--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1\/3);--sf-icon--width: var(--sf-text-size-1\/3)}.sf-badge--size-1\/2{--sf-badge--font-size: var(--sf-text-size-1\/2);--sf-badge--line-height: var(--sf-text-height-1\/2);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1\/2--text-space-x));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1\/2--text-space-x))}.sf-badge.sf-badge--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1\/2);--sf-icon--width: var(--sf-text-size-1\/2)}.sf-badge--outline{--sf-badge--background-color: var(--sf-badge-background-color, transparent);--sf-badge--border-bottom-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-inline-end-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-inline-start-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-top-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-style: solid}}@layer sf.components{.sf-badge.sf-badge--line-1\/2{--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/2);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1\/2--text-space-x));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1\/2--text-space-x))}.sf-badge.sf-badge--line-1{--sf-badge--font-size: var(--sf-text-size-1\/2);--sf-badge--line-height: var(--sf-text-height-1);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-1--text-space-x));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-1--text-space-x))}.sf-badge.sf-badge--line-2{--sf-badge--font-size: var(--sf-text-size-1);--sf-badge--line-height: var(--sf-text-height-2);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-ui-2--text-space-x));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-ui-2--text-space-x))}}

package/distr/component/badges/js/badges.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=JSON.parse('{".sf-badge":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-a0)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-badge .sf-badge-icon-container":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-badge .sf-badge-icon-container .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-badge .sf-badge-text-container":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const i=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)},s=Object.freeze(["main","tonal","outline"]),n=Object.freeze(["neutral","primary","secondary","tertiary","info","success","warning","danger","on-surface"]),a=Object.freeze(["1/3","1/2","1"]),r=(t,e,i)=>{const s=String(t??i).trim().toLowerCase();return e.includes(s)?s:i};Object.freeze(n.flatMap(t=>s.filter(e=>!("on-surface"===t&&"tonal"===e)).flatMap(e=>a.map(i=>Object.freeze({type:e,scheme:t,size:i})))));class l extends t{static componentName="Badges";html=null;constructor(t){super(t);const{text:e="",icon:i,iconLeft:l,iconRight:o,iconPosition:c="start"}=this.params||{},{size:h,type:d,scheme:f}=function({type:t,scheme:e,size:i}={}){let l=r(t,s,"main");const o=r(e,n,"neutral");return"tonal"===l&&"on-surface"===o&&(l="main"),{type:l,scheme:o,size:r(i,a,"1/3")}}(this.params),p=this.attrs.class||this.attrs.className,u=this.attrs["aria-label"]||"";this.badge=document.createElement("span"),this.id&&(this.badge.id=this.id),this.badge.classList.add("sf-badge",`sf-badge--size-${h}`,`sf-badge--${d}`,`sf-badge--${f}`),p&&this.badge.classList.add(...`${p}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className","aria-label"].includes(t)).forEach(([t,e])=>{null!=e&&this.badge.setAttribute(t,e)});const m=l??(i&&"end"!==c?i:null),g=o??(i&&"end"===c?i:null);this.iconContainerLeft=this.createIcon(m),this.iconContainerRight=this.createIcon(g),this.accessibleText=null,u&&(this.accessibleText=document.createElement("span"),this.accessibleText.classList.add("sr-only"),this.accessibleText.textContent=u),this.textContainer=null,this.textElement=null,null!=e&&String(e).length>0&&(this.textContainer=document.createElement("span"),this.textContainer.classList.add("sf-badge-text-container"),this.textElement=document.createElement("span"),this.textElement.classList.add("sf-badge-text"),this.textElement.textContent=e,this.textContainer.append(this.textElement),u&&this.textContainer.setAttribute("aria-hidden","true")),u||this.textContainer||this.badge.setAttribute("aria-hidden","true"),this.applyLayoutUtilities(this.badge,".sf-badge"),this.applyLayoutUtilities(this.iconContainerLeft,".sf-badge .sf-badge-icon-container"),this.applyLayoutUtilities(this.iconContainerRight,".sf-badge .sf-badge-icon-container"),this.applyLayoutUtilities(this.textContainer,".sf-badge .sf-badge-text-container"),this.applyLayoutUtilities(this.textElement,".sf-badge .sf-badge-text"),this.applyUtilities(this.badge,this.params?.utilities?.badge??this.params?.utilities),this.applyUtilities(this.iconContainerLeft,this.params?.utilities?.iconContainer??this.params?.utilities?.icon),this.applyUtilities(this.iconContainerRight,this.params?.utilities?.iconContainer??this.params?.utilities?.icon),this.applyUtilities(this.textContainer,this.params?.utilities?.textContainer),this.applyUtilities(this.textElement,this.params?.utilities?.text),this.accessibleText&&this.badge.append(this.accessibleText),this.iconContainerLeft&&this.badge.append(this.iconContainerLeft),this.textContainer&&this.badge.append(this.textContainer),this.iconContainerRight&&this.badge.append(this.iconContainerRight),this.template=this.badge}createIcon(t){if(!t)return null;const e=document.createElement("span");e.classList.add("sf-badge-icon-container");const i=document.createElement("i");return i.classList.add("sf-icon"),i.setAttribute("aria-hidden","true"),i.textContent=t,e.append(i),e}applyUtilities(t,e){if(!t||!e)return;var i;(i=e,Array.isArray(i)?i:"string"==typeof i?i.split(" "):Array.isArray(i?.classes)?i.classes:"string"==typeof i?.classes?i.classes.split(" "):Array.isArray(i?.badge)?i.badge:"string"==typeof i?.badge?i.badge.split(" "):[]).filter(Boolean).forEach(e=>t.classList.add(e))}init(){}}l.utilityMap=e,i("Badges",l)})();

package/distr/component/badges/json/badge.utility.json

@@ -0,0 +1,29 @@
+{
+  ".sf-badge": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-a0)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-badge .sf-badge-icon-container": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-badge .sf-badge-icon-container .sf-icon": [
+    "display/flex (.flex)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-badge .sf-badge-text-container": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/breadcrumbs/css/breadcrumbs.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-breadcrumbs-item{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-inline-size:-webkit-min-content;min-inline-size:-moz-min-content;min-inline-size:min-content;background-color:var(--sf-breadcrumbs-item--background-color);box-shadow:var(--sf-breadcrumbs-item--box-shadow);--sf-breadcrumbs-item--background-color: transparent;--sf-breadcrumbs-item--box-shadow: none}.sf-breadcrumbs-item.sf-breadcrumbs-item--separator{flex:0 0 auto}.sf-breadcrumbs-item .sf-breadcrumbs-item-container{min-width:0;min-inline-size:0;word-wrap:anywhere;--sf-breadcrumbs-item-container--background-color: transparent;--sf-breadcrumbs-item-container--color: var(--sf-on-surface-variant);--sf-breadcrumbs-item-container--font-family: var(--sf-text--family);--sf-breadcrumbs-item-container--font-size: var(--sf-text-size-1\/2);--sf-breadcrumbs-item-container--font-weight: var(--sf-font-weight-regular);--sf-breadcrumbs-item-container--gap: var(--sf-space-1\/4);--sf-breadcrumbs-item-container--line-height: var(--sf-text-height-1\/2);background-color:var(--sf-breadcrumbs-item-container--background-color);color:var(--sf-breadcrumbs-item-container--color);font-family:var(--sf-breadcrumbs-item-container--font-family);font-size:var(--sf-breadcrumbs-item-container--font-size);font-weight:var(--sf-breadcrumbs-item-container--font-weight);gap:var(--sf-breadcrumbs-item-container--gap);line-height:var(--sf-breadcrumbs-item-container--line-height)}.sf-breadcrumbs-item .sf-breadcrumbs-item-container>.sf-icon,.sf-breadcrumbs-item .sf-breadcrumbs-item-container>sf-icon>.sf-icon{flex-shrink:0;--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);color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}.sf-breadcrumbs-item.sf-breadcrumbs-item--link .sf-breadcrumbs-item-container{--sf-breadcrumbs-item-container--color: var(--sf-primary)}.sf-breadcrumbs-item[aria-current=page] .sf-breadcrumbs-item-container,.sf-breadcrumbs-item .sf-breadcrumbs-item-container[aria-current=page]{--sf-breadcrumbs-item-container--color: var(--sf-on-surface);--sf-breadcrumbs-item-container--font-weight: var(--sf-font-weight-medium)}}@layer sf.states{.sf-breadcrumbs-item.sf-breadcrumbs-item--link:not(:disabled):not(.disabled):hover>.sf-breadcrumbs-item-container>.sf-icon,.sf-breadcrumbs-item.sf-breadcrumbs-item--link:not(:disabled):not(.disabled):hover>.sf-breadcrumbs-item-container>sf-icon>.sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-breadcrumbs-item.sf-breadcrumbs-item--link:not(:disabled):not(.disabled):hover .sf-breadcrumbs-item-container{--sf-breadcrumbs-item-container--color: var(--sf-primary-hover)}.sf-breadcrumbs-item:not(:disabled):not(.disabled):active.sf-breadcrumbs-item--link>.sf-breadcrumbs-item-container>.sf-icon,.sf-breadcrumbs-item:not(:disabled):not(.disabled):active.sf-breadcrumbs-item--link>.sf-breadcrumbs-item-container>sf-icon>.sf-icon,.sf-breadcrumbs-item.active.sf-breadcrumbs-item--link>.sf-breadcrumbs-item-container>.sf-icon,.sf-breadcrumbs-item.active.sf-breadcrumbs-item--link>.sf-breadcrumbs-item-container>sf-icon>.sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-breadcrumbs-item:not(:disabled):not(.disabled):active.sf-breadcrumbs-item--link .sf-breadcrumbs-item-container,.sf-breadcrumbs-item.active.sf-breadcrumbs-item--link .sf-breadcrumbs-item-container{--sf-breadcrumbs-item-container--color: var(--sf-primary-active)}.sf-breadcrumbs-item.sf-breadcrumbs-item--link:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible{--sf-breadcrumbs-item--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-breadcrumbs-item.sf-breadcrumbs-item--link:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible{--sf-breadcrumbs-item--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}@media(forced-colors: active){.sf-breadcrumbs-item.sf-breadcrumbs-item--link: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-breadcrumbs-item--box-shadow: none}.sf-breadcrumbs-item.sf-breadcrumbs-item--link: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-breadcrumbs-item--box-shadow: none}}}@layer sf.components{.sf-breadcrumbs{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;flex-wrap:wrap;background-color:transparent;background-color:var(--sf-breadcrumbs--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-breadcrumbs--gap, var(--sf-space-1\/3));overscroll-behavior-inline:contain}.sf-breadcrumbs-item[hidden]{display:none}[dir=rtl] .sf-breadcrumbs .sf-breadcrumbs-item--separator .sf-icon,.sf-breadcrumbs[dir=rtl] .sf-breadcrumbs-item--separator .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}