@simai-studio/ui 5.20261020.1738 → 5.20261020.2238

package/distr/rule/rule.json

@@ -662,6 +662,9 @@
     "relation": [
       {
         "name": "avatars"
+      },
+      {
+        "name": "badges"
       }
     ],
     "tags": [
@@ -1112,6 +1115,9 @@
       {
         "name": "pointer-events/default"
       },
+      {
+        "name": "badges"
+      },
       {
         "lazy": true,
         "name": "spinner"
@@ -1129,6 +1135,10 @@
     "relation": [
       {
         "name": "icons"
+      },
+      {
+        "lazy": true,
+        "name": "badges"
       }
     ],
     "tags": [

package/distr/smart/avatar/js/avatar.min.js

@@ -1,4 +1,4 @@
-(()=>{"use strict";var t={"98e26702f55a"(t,e,a){function i(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function r({component:t="",kind:e="attribute",attribute:a="",from:r,to:s=null}={}){if(!r)return;const n=[t,e,a,r].join("|"),l=i(),o=l.get(n);if(o)o.count+=1;else if(l.set(n,{component:t,kind:e,attribute:a,from:r,to:s,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const i=t?`${t}: `:"",n="value"===e?`${a}="${r}"`:`${e} ${r}`;globalThis.console?.warn?.(`[SIMAI Framework] ${i}${n} is a legacy name${s?`; write ${s}`:""}. See contracts/changes/journal.json.`)}}if(a.d(e,{id:()=>o}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...i().values()].map(t=>({...t}))},t.clear=function(){i().clear()},t.note=r,globalThis.SF.deprecations=t}const s=Object.freeze(["1/2","1","2"]),n=Object.freeze({"1/3":"1/2",3:"2"}),l=new Set;function o(t,e="field",a="1"){const i=String(t??"").trim().toLowerCase();if(s.includes(i))return i;if(Object.hasOwn(n,i)){const t=n[i];r({component:e,kind:"value",attribute:"size",from:i,to:t});const a=`${e}:${i}`;return l.has(a)||"undefined"==typeof console||(l.add(a),console.warn(`[SIMAI Framework] ${e}: size ${i} is retired for form fields; rendering size ${t}.`)),t}return a}},f92e47b164fa(t,e,a){a.a(t,async(t,e)=>{try{var i=a("fbe0570fcc69"),r=a("98e26702f55a"),s=a("c0c2069e1237"),n=a("602783801435"),l=a("63cd440fc8e3"),o=a("cbce4a5232a6"),c=a("0d662e4d7d63"),d=t([i,s,n,l,c]);[i,s,n,l,c]=d.then?(await d)():d;var u=a.n(i);const h={en:{ariaLabel:"Avatar"},ru:{ariaLabel:"Аватар"}},f={default:n.E,label:l.d,card:s.$};class m extends(u()){static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},line:{default:""},shape:{default:"circle"},imageUrl:{default:""},imageAlt:{default:""},noWrap:{type:Boolean,default:!1},text:{default:""},status:{default:"none"},ariaLabel:{default:""},title:{default:""},description:{default:""},meta:{default:""},metaIcon:{default:""},cardVariant:{default:"square"},disabled:{type:Boolean,default:!1}}}constructor(){super()}get templateName(){return this.getAttribute("template")||"default"}set templateName(t){this.setAttribute("template",t||"default")}get size(){return this.getAttribute("size")||"1"}get line(){const t=this.getAttribute("line")||"";return t?(0,r.id)(t,"sf-avatar line"):""}set size(t){this.setAttribute("size",t)}get shape(){return this.getAttribute("shape")||"circle"}set shape(t){this.setAttribute("shape",t||"circle")}get imageUrl(){return this.getAttribute("image-url")||""}set imageUrl(t){null!=t&&""!==t?this.setAttribute("image-url",t):this.removeAttribute("image-url")}get imageAlt(){return this.getAttribute("image-alt")||""}set imageAlt(t){null!=t&&""!==t?this.setAttribute("image-alt",t):this.removeAttribute("image-alt")}get text(){return this.getAttribute("text")||""}set text(t){null!=t&&""!==t?this.setAttribute("text",t):this.removeAttribute("text")}get status(){return this.getAttribute("status")||"none"}set status(t){this.setAttribute("status",t||"none")}get ariaLabel(){return this.getAttribute("aria-label")||(0,c.pageText)(h,"ariaLabel",this)}set ariaLabel(t){t?this.setAttribute("aria-label",t):this.removeAttribute("aria-label")}get title(){return this.getAttribute("title")||""}set title(t){t?this.setAttribute("title",t):this.removeAttribute("title")}get description(){return this.getAttribute("description")||""}set description(t){t?this.setAttribute("description",t):this.removeAttribute("description")}get meta(){return this.getAttribute("meta")||""}set meta(t){t?this.setAttribute("meta",t):this.removeAttribute("meta")}get metaIcon(){return this.getAttribute("meta-icon")||""}set metaIcon(t){t?this.setAttribute("meta-icon",t):this.removeAttribute("meta-icon")}get cardVariant(){return this.getAttribute("card-variant")||"square"}set cardVariant(t){this.setAttribute("card-variant",t||"square")}get disabled(){return this.getBooleanAttr("disabled",!1)}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get isImage(){return!!this.imageUrl}get isText(){return!this.isImage&&!!this.displayText}get displayText(){return this.text?this.text:this.isImage?"":(0,o.I)(this.title||(this.hasAttribute("aria-label")?this.ariaLabel:""))}templateContext(){const t=this.getPropsContext();return this.createTemplateContext({...t,ariaLabel:this.getAttribute("aria-label")||(0,c.pageText)(h,"ariaLabel",this),component:this,isImage:this.isImage,isText:this.isText,text:this.displayText,rootClass:this.getRootClass(),rootStyle:this.getRootStyle()})}hasBuiltInTemplate(t=this.templateName){return Object.prototype.hasOwnProperty.call(f,t)}templateRenderer(){return f[this.templateName]||f.default}template(){return this.templateRenderer()(this.templateContext())}resolveUpdateMode(t=[]){const e=["disabled"];return t.length>0&&t.every(t=>e.includes(t))?"dom":"lit"}updateDom(t=[]){const e=this.querySelector(".sf-avatar");return!!e&&(t.includes("aria-label")&&e.setAttribute("aria-label",this.ariaLabel),t.includes("disabled")&&(e.disabled=this.disabled),!0)}get value(){return{template:this.templateName,size:this.size,line:this.line,shape:this.shape,imageUrl:this.imageUrl,imageAlt:this.imageAlt,text:this.text,status:this.status,ariaLabel:this.ariaLabel,title:this.title,description:this.description,meta:this.meta,metaIcon:this.metaIcon,cardVariant:this.cardVariant,disabled:this.disabled}}set value(t){this.setValueAttributes(t)}}m.define("sf-avatar"),e()}catch(t){e(t)}})},c0c2069e1237(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{$:()=>l});var r=a("ddf1cdb42ecc"),s=t([r]),n=s.then?(await s)():s;r=n[0];function l(t){const e=t.cardVariant||"square",a=t.imageAlt||"";return r.html`
+(()=>{"use strict";var t={"7cd0e63a3ed6"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{BA:()=>p,VI:()=>g});var r=a("0d662e4d7d63"),n=t([r]),s=n.then?(await n)():n;r=s[0];const l={en:{count:"{count} unread",dot:"new"},ru:{count:"{count} непрочитанное|{count} непрочитанных|{count} непрочитанных|{count} непрочитанного",dot:"есть новое"}},o="sf-badge",c=99,d=["zero","one","two","few","many","other"];function u(t){if(null==t)return null;const e=String(t).trim();if(""===e)return null;const a=Number(e);return Number.isFinite(a)?Math.trunc(a):null}function h(t){const e=u(t);return null!==e&&e>=1?e:c}function f(t,e,a="en"){const i=String(t??"").split("|");if(1===i.length)return i[0];try{const t=new Intl.PluralRules(a),r=new Set(t.resolvedOptions().pluralCategories),n=d.filter(t=>r.has(t)).indexOf(t.select(e));return i[Math.min(Math.max(n,0),i.length-1)]}catch{return i[i.length-1]}}function b(t,e){try{return new Intl.NumberFormat(e).format(t)}catch{return String(t)}}function p({count:t,dot:e,cap:a,label:i}={},n=null){const s=u(t),c=!0===(d=e)||!1!==d&&null!=d&&"false"!==String(d).trim().toLowerCase();var d;const p=(0,r.pageLocale)(n),g=String(i??"").trim();if(null!==s){if(s<=0)return{visible:!1,dot:c,text:"",phrase:"",count:s};const t=h(a),e=f(g||(0,r.pageText)(l,"count",n,o),s,p),i=b(s,p),d=e.includes("{count}")?e.replaceAll("{count}",i):`${i} ${e}`.trim();return{visible:!0,dot:c,text:c?"":s>t?`${t}+`:String(s),phrase:d,count:s}}return c?{visible:!0,dot:!0,text:"",phrase:g||(0,r.pageText)(l,"dot",n,o),count:null}:{visible:!1,dot:!1,text:"",phrase:"",count:null}}function g(t,e){const a=String(t??"").trim(),i=String(e??"").trim();return i?a?`${a}, ${i}`:i:a}i()}catch(m){i(m)}})},"98e26702f55a"(t,e,a){function i(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function r({component:t="",kind:e="attribute",attribute:a="",from:r,to:n=null}={}){if(!r)return;const s=[t,e,a,r].join("|"),l=i(),o=l.get(s);if(o)o.count+=1;else if(l.set(s,{component:t,kind:e,attribute:a,from:r,to:n,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const i=t?`${t}: `:"",s="value"===e?`${a}="${r}"`:`${e} ${r}`;globalThis.console?.warn?.(`[SIMAI Framework] ${i}${s} is a legacy name${n?`; write ${n}`:""}. See contracts/changes/journal.json.`)}}if(a.d(e,{id:()=>o}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...i().values()].map(t=>({...t}))},t.clear=function(){i().clear()},t.note=r,globalThis.SF.deprecations=t}const n=Object.freeze(["1/2","1","2"]),s=Object.freeze({"1/3":"1/2",3:"2"}),l=new Set;function o(t,e="field",a="1"){const i=String(t??"").trim().toLowerCase();if(n.includes(i))return i;if(Object.hasOwn(s,i)){const t=s[i];r({component:e,kind:"value",attribute:"size",from:i,to:t});const a=`${e}:${i}`;return l.has(a)||"undefined"==typeof console||(l.add(a),console.warn(`[SIMAI Framework] ${e}: size ${i} is retired for form fields; rendering size ${t}.`)),t}return a}},f92e47b164fa(t,e,a){a.a(t,async(t,e)=>{try{var i=a("fbe0570fcc69"),r=a("98e26702f55a"),n=a("c0c2069e1237"),s=a("602783801435"),l=a("63cd440fc8e3"),o=a("cbce4a5232a6"),c=a("0d662e4d7d63"),d=a("34addf781b5b"),u=t([i,n,s,l,c,d]);[i,n,s,l,c,d]=u.then?(await u)():u;var h=a.n(i);const f={en:{ariaLabel:"Avatar"},ru:{ariaLabel:"Аватар"}},b={default:s.E,label:l.d,card:n.$};class p extends(h()){static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},line:{default:""},shape:{default:"circle"},imageUrl:{default:""},imageAlt:{default:""},noWrap:{type:Boolean,default:!1},text:{default:""},status:{default:"none"},ariaLabel:{default:""},title:{default:""},description:{default:""},meta:{default:""},metaIcon:{default:""},cardVariant:{default:"square"},disabled:{type:Boolean,default:!1},badgeCount:{default:""},badgeDot:{type:Boolean,default:!1},badgeCap:{type:Number,default:99},badgeLabel:{default:""}}}constructor(){super()}get templateName(){return this.getAttribute("template")||"default"}set templateName(t){this.setAttribute("template",t||"default")}get size(){return this.getAttribute("size")||"1"}get line(){const t=this.getAttribute("line")||"";return t?(0,r.id)(t,"sf-avatar line"):""}set size(t){this.setAttribute("size",t)}get shape(){return this.getAttribute("shape")||"circle"}set shape(t){this.setAttribute("shape",t||"circle")}get imageUrl(){return this.getAttribute("image-url")||""}set imageUrl(t){null!=t&&""!==t?this.setAttribute("image-url",t):this.removeAttribute("image-url")}get imageAlt(){return this.getAttribute("image-alt")||""}set imageAlt(t){null!=t&&""!==t?this.setAttribute("image-alt",t):this.removeAttribute("image-alt")}get text(){return this.getAttribute("text")||""}set text(t){null!=t&&""!==t?this.setAttribute("text",t):this.removeAttribute("text")}get status(){return this.getAttribute("status")||"none"}set status(t){this.setAttribute("status",t||"none")}get ariaLabel(){return this.getAttribute("aria-label")||(0,c.pageText)(f,"ariaLabel",this)}set ariaLabel(t){t?this.setAttribute("aria-label",t):this.removeAttribute("aria-label")}get title(){return this.getAttribute("title")||""}set title(t){t?this.setAttribute("title",t):this.removeAttribute("title")}get description(){return this.getAttribute("description")||""}set description(t){t?this.setAttribute("description",t):this.removeAttribute("description")}get meta(){return this.getAttribute("meta")||""}set meta(t){t?this.setAttribute("meta",t):this.removeAttribute("meta")}get metaIcon(){return this.getAttribute("meta-icon")||""}set metaIcon(t){t?this.setAttribute("meta-icon",t):this.removeAttribute("meta-icon")}get cardVariant(){return this.getAttribute("card-variant")||"square"}set cardVariant(t){this.setAttribute("card-variant",t||"square")}get disabled(){return this.getBooleanAttr("disabled",!1)}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get isImage(){return!!this.imageUrl}get isText(){return!this.isImage&&!!this.displayText}get displayText(){return this.text?this.text:this.isImage?"":(0,o.I)(this.title||(this.hasAttribute("aria-label")?this.ariaLabel:""))}templateContext(){const t=this.getPropsContext(),e=(0,d.Wd)(this);return this.createTemplateContext({...t,ariaLabel:this.getAttribute("aria-label")||(0,c.pageText)(f,"ariaLabel",this),buttonLabel:(0,d.VI)(this.getAttribute("aria-label")||(0,c.pageText)(f,"ariaLabel",this),e.phrase),badge:e,component:this,isImage:this.isImage,isText:this.isText,text:this.displayText,rootClass:this.getRootClass(),rootStyle:this.getRootStyle()})}hasBuiltInTemplate(t=this.templateName){return Object.prototype.hasOwnProperty.call(b,t)}templateRenderer(){return b[this.templateName]||b.default}template(){return this.templateRenderer()(this.templateContext())}resolveUpdateMode(t=[]){const e=["disabled"];return t.length>0&&t.every(t=>e.includes(t))?"dom":"lit"}updateDom(t=[]){const e=this.querySelector(".sf-avatar");return!!e&&(t.includes("aria-label")&&e.setAttribute("aria-label",(0,d.VI)(this.ariaLabel,(0,d.Wd)(this).phrase)),t.includes("disabled")&&(e.disabled=this.disabled),!0)}get value(){return{template:this.templateName,size:this.size,line:this.line,shape:this.shape,imageUrl:this.imageUrl,imageAlt:this.imageAlt,text:this.text,status:this.status,ariaLabel:this.ariaLabel,title:this.title,description:this.description,meta:this.meta,metaIcon:this.metaIcon,cardVariant:this.cardVariant,disabled:this.disabled,badgeCount:this.getProp("badgeCount"),badgeDot:this.getProp("badgeDot"),badgeCap:this.getProp("badgeCap"),badgeLabel:this.getProp("badgeLabel")}}set value(t){this.setValueAttributes(t)}}p.define("sf-avatar"),e()}catch(t){e(t)}})},c0c2069e1237(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{$:()=>l});var r=a("ddf1cdb42ecc"),n=t([r]),s=n.then?(await n)():n;r=s[0];function l(t){const e=t.cardVariant||"square",a=t.imageAlt||"";return r.html`
     <div
       class="sf-avatar-card sf-avatar-card--${e} sf-avatar-card-${e} flex flex-col ${t.rootClass||""}"
       style=${t.rootStyle||""}
@@ -19,12 +19,12 @@
             `:""}
       </div>
     </div>
-  `}i()}catch(o){i(o)}})},602783801435(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{E:()=>l});var r=a("4f7ae7ea9e1c"),s=t([r]),n=s.then?(await s)():s;function l(t){return(0,r.KI)(t)}r=n[0],i()}catch(o){i(o)}})},"63cd440fc8e3"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{d:()=>l});var r=a("ddf1cdb42ecc"),s=a("4f7ae7ea9e1c"),n=t([r,s]);[r,s]=n.then?(await n)():n;function l(t){return r.html`
+  `}i()}catch(o){i(o)}})},602783801435(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{E:()=>l});var r=a("4f7ae7ea9e1c"),n=t([r]),s=n.then?(await n)():n;function l(t){return(0,r.KI)(t)}r=s[0],i()}catch(o){i(o)}})},"63cd440fc8e3"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{d:()=>l});var r=a("ddf1cdb42ecc"),n=a("4f7ae7ea9e1c"),s=t([r,n]);[r,n]=s.then?(await s)():s;function l(t){return r.html`
     <div
       class="sf-avatar-label-group sf-avatar-label-group--size-${t.size} flex items-cross-center ${t.rootClass||""}"
       style=${t.rootStyle||""}
     >
-      ${(0,s.KI)(t,{includeRootClass:!1,includeRootStyle:!1})}
+      ${(0,n.KI)(t,{includeRootClass:!1,includeRootStyle:!1})}
       <div class="sf-avatar-label-group-container flex flex-col">
         ${t.title?r.html`<div class="sf-avatar-label-group-title${t.noWrap?" overflow-hidden wrap-none t-ellipsis":""}">
               ${t.title}
@@ -34,7 +34,7 @@
             </div>`:""}
       </div>
     </div>
-  `}i()}catch(o){i(o)}})},"4f7ae7ea9e1c"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{KI:()=>f});var r=a("ddf1cdb42ecc"),s=t([r]),n=s.then?(await s)():s;r=n[0];function l(t){return r.html`<span aria-hidden="true"
+  `}i()}catch(o){i(o)}})},"4f7ae7ea9e1c"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{KI:()=>f});var r=a("ddf1cdb42ecc"),n=a("34addf781b5b"),s=t([r,n]);[r,n]=s.then?(await s)():s;function l(t){return r.html`<span aria-hidden="true"
             class="sf-avatar-badge sf-avatar-badge--size-${t.size} sf-avatar-badge--company overflow-hidden flex absolute bottom-0 inline-end-0"
     >
     <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -84,10 +84,14 @@
         <button
                 class="${c(t,e)}"
                 style=${!1===e.includeRootStyle?"":t.rootStyle||""}
-                aria-label=${t.ariaLabel}
+                aria-label=${t.buttonLabel??t.ariaLabel}
                 ?disabled=${t.disabled}
                 type="button"
         >
-            ${d(t)} ${h(t)}
+            ${d(t)} ${h(t)} ${(0,n.Qj)(t.badge)}
         </button>
-    `}i()}catch(m){i(m)}})},cbce4a5232a6(t,e,a){a.d(e,{I:()=>r});const i=new Set(["а","без","в","во","для","до","за","из","из-за","из-под","и","к","ко","между","на","над","о","об","от","по","под","при","про","с","со","у","через","the","a","an","and","for","from","in","of","on","to"]);function r(t="",e={}){const{maxLetters:a=2,skipWords:r=i}=e,s=function(t=""){return String(t||"").trim().split(/[\s/|]+/).map(t=>t.replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}]+$/gu,"")).filter(Boolean)}(t),n=s.filter((t,e)=>0===e||!r.has(String(t).toLowerCase()));return n.length?n.length>1?n.slice(0,a).map(t=>Array.from(t)[0]||"").join("").toUpperCase():Array.from(n[0]).slice(0,1).join("").toUpperCase():""}},ddf1cdb42ecc(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const e={};function a(i){const r=e[i];if(void 0!==r)return r.exports;const s=e[i]={exports:{}};return t[i](s,s.exports,a),s.exports}(()=>{const t="function"==typeof Symbol,e=t?Symbol("webpack queues"):"__webpack_queues__",i=t?Symbol("webpack exports"):"__webpack_exports__",r=t?Symbol("webpack error"):"__webpack_error__",s=t=>{t?.d<1&&(t.d=1,t.forEach(t=>t.r--),t.forEach(t=>t.r--?t.r++:t()))};a.a=(t,a,n)=>{let l;n&&((l=[]).d=-1);const o=new Set,c=t.exports;let d,u,h;const f=new Promise((t,e)=>{h=e,u=t});f[i]=c,f[e]=t=>(l&&t(l),o.forEach(t),f.catch(t=>{})),t.exports=f;a(t=>{let a;d=(t=>t.map(t=>{if(null!==t&&"object"==typeof t){if(t[e])return t;if(t.then){const a=[];a.d=0,t.then(t=>{n[i]=t,s(a)},t=>{n[r]=t,s(a)});const n={};return n[e]=t=>t(a),n}}const a={};return a[e]=t=>{},a[i]=t,a}))(t);const n=()=>d.map(t=>{if(t[r])throw t[r];return t[i]}),c=new Promise(t=>{a=()=>t(n),a.r=0;const i=t=>t!==l&&!o.has(t)&&(o.add(t),t&&!t.d&&(a.r++,t.push(a)));d.map(t=>t[e](i))});return a.r?c:n()},t=>(t?h(f[r]=t):u(c),s(l))),l?.d<0&&(l.d=0)}})(),a.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var r=e[i++],s=e[i++];a.o(t,r)?0===s&&i++:0===s?Object.defineProperty(t,r,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,r,{enumerable:!0,get:s})}else for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);a("f92e47b164fa")})();
+    `}i()}catch(b){i(b)}})},"34addf781b5b"(t,e,a){a.a(t,async(t,i)=>{try{a.d(e,{Qj:()=>o,VI:()=>n.VI,Wd:()=>l});var r=a("ddf1cdb42ecc"),n=a("7cd0e63a3ed6"),s=t([r,n]);[r,n]=s.then?(await s)():s;Object.freeze(["badge-count","badge-dot","badge-cap","badge-label"]);function l(t){const e=(0,n.BA)({count:t.getProp?.("badgeCount"),dot:t.getProp?.("badgeDot"),cap:t.getProp?.("badgeCap"),label:t.getProp?.("badgeLabel")},t);return e.visible&&globalThis.SF?.Loader?.ensurePlugin?.("badges"),e}function o(t){return t?.visible?r.html`<span
+        class="sf-badge sf-badge--anchored${t.dot?" sf-badge--dot":""}"
+        aria-hidden="true"
+        title=${t.phrase||r.nothing}
+    >${t.text}</span>`:r.nothing}i()}catch(c){i(c)}})},cbce4a5232a6(t,e,a){a.d(e,{I:()=>r});const i=new Set(["а","без","в","во","для","до","за","из","из-за","из-под","и","к","ко","между","на","над","о","об","от","по","под","при","про","с","со","у","через","the","a","an","and","for","from","in","of","on","to"]);function r(t="",e={}){const{maxLetters:a=2,skipWords:r=i}=e,n=function(t=""){return String(t||"").trim().split(/[\s/|]+/).map(t=>t.replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}]+$/gu,"")).filter(Boolean)}(t),s=n.filter((t,e)=>0===e||!r.has(String(t).toLowerCase()));return s.length?s.length>1?s.slice(0,a).map(t=>Array.from(t)[0]||"").join("").toUpperCase():Array.from(s[0]).slice(0,1).join("").toUpperCase():""}},ddf1cdb42ecc(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const e={};function a(i){const r=e[i];if(void 0!==r)return r.exports;const n=e[i]={exports:{}};return t[i](n,n.exports,a),n.exports}(()=>{const t="function"==typeof Symbol,e=t?Symbol("webpack queues"):"__webpack_queues__",i=t?Symbol("webpack exports"):"__webpack_exports__",r=t?Symbol("webpack error"):"__webpack_error__",n=t=>{t?.d<1&&(t.d=1,t.forEach(t=>t.r--),t.forEach(t=>t.r--?t.r++:t()))};a.a=(t,a,s)=>{let l;s&&((l=[]).d=-1);const o=new Set,c=t.exports;let d,u,h;const f=new Promise((t,e)=>{h=e,u=t});f[i]=c,f[e]=t=>(l&&t(l),o.forEach(t),f.catch(t=>{})),t.exports=f;a(t=>{let a;d=(t=>t.map(t=>{if(null!==t&&"object"==typeof t){if(t[e])return t;if(t.then){const a=[];a.d=0,t.then(t=>{s[i]=t,n(a)},t=>{s[r]=t,n(a)});const s={};return s[e]=t=>t(a),s}}const a={};return a[e]=t=>{},a[i]=t,a}))(t);const s=()=>d.map(t=>{if(t[r])throw t[r];return t[i]}),c=new Promise(t=>{a=()=>t(s),a.r=0;const i=t=>t!==l&&!o.has(t)&&(o.add(t),t&&!t.d&&(a.r++,t.push(a)));d.map(t=>t[e](i))});return a.r?c:s()},t=>(t?h(f[r]=t):u(c),n(l))),l?.d<0&&(l.d=0)}})(),a.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var r=e[i++],n=e[i++];a.o(t,r)?0===n&&i++:0===n?Object.defineProperty(t,r,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,r,{enumerable:!0,get:n})}else for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);a("f92e47b164fa")})();

package/distr/smart/avatar/smart.manifest.json

@@ -23,7 +23,9 @@
   ],
   "exported_parts": [],
   "composition": {
-    "uses": [],
+    "uses": [
+      "component.badges"
+    ],
     "public_parts": []
   },
   "inputs": {
@@ -123,6 +125,26 @@
       "disabled": {
         "type": "boolean",
         "default": false
+      },
+      "badge-count": {
+        "type": "string",
+        "default": "",
+        "description": "A count on the avatar (simai/ui-source#12): a whole number above 0 shows, 0 or empty hides the badge. Above badge-cap it reads «<cap>+»; the exact number joins the avatar's accessible name («Анна Белова, 3 непрочитанных») and the badge's tooltip. On an anchor of size 1/3 or 1/2 a count is drawn as a dot."
+      },
+      "badge-dot": {
+        "type": "boolean",
+        "default": false,
+        "description": "A dot on the avatar, a count with no number: something new. Shown when badge-count is not set; with a count, the count is drawn as a dot. Its text equivalent («есть новое» / «new» by default, badge-label to change it) joins the accessible name."
+      },
+      "badge-cap": {
+        "type": "integer",
+        "default": 99,
+        "description": "The largest count drawn as a number; a larger one reads «<cap>+»."
+      },
+      "badge-label": {
+        "type": "string",
+        "default": "",
+        "description": "The words the badge adds to the accessible name and its tooltip, in place of the page language's default: for a dot the whole text equivalent; for a count the phrase in plural forms separated by «|» (one|few|many in Russian, one|other in English) with {count} where the number goes."
       }
     },
     "additionalProperties": false
@@ -229,7 +251,7 @@
     "source_artifacts": [
       {
         "path": "src/smart/avatar/index.js",
-        "sha256": "a1260edefb36506fc80bc1de0872f30b634c3385e9b7f1522323f29fa95212a3"
+        "sha256": "150b3582139dbff2ff24788b5e988b3cd4ed6892cb5c0a41cfa937bb1f070b76"
       }
     ],
     "generated_runtime": [

package/distr/smart/avatar/template/shared.js

@@ -1,4 +1,5 @@
 import {html, nothing} from "lit";
+import {renderAnchoredBadge} from "../../../helpers/anchored-badge";
 
 function getCompanyBadge(context) {
     return html`<span aria-hidden="true"
@@ -163,11 +164,11 @@ export function avatarButton(context, options = {}) {
         <button
                 class="${avatarClasses(context, options)}"
                 style=${options.includeRootStyle === false ? "" : context.rootStyle || ""}
-                aria-label=${context.ariaLabel}
+                aria-label=${context.buttonLabel ?? context.ariaLabel}
                 ?disabled=${context.disabled}
                 type="button"
         >
-            ${avatarContent(context)} ${statusBadge(context)}
+            ${avatarContent(context)} ${statusBadge(context)} ${renderAnchoredBadge(context.badge)}
         </button>
     `;
 }

package/distr/smart/avatars/js/avatars.min.js

@@ -1,4 +1,4 @@
-(()=>{"use strict";var e={"4f7ae7ea9e1c"(e,t,a){a.a(e,async(e,r)=>{try{a.d(t,{Od:()=>h,_o:()=>u,vn:()=>c});var i=a("ddf1cdb42ecc"),s=e([i]),n=s.then?(await s)():s;i=n[0];function l(e){return i.html`<span aria-hidden="true"
+(()=>{"use strict";var e={"7cd0e63a3ed6"(e,t,a){a.a(e,async(e,t)=>{try{var r=a("0d662e4d7d63"),i=e([r]);r=(i.then?(await i)():i)[0];t()}catch(e){t(e)}})},"4f7ae7ea9e1c"(e,t,a){a.a(e,async(e,r)=>{try{a.d(t,{Od:()=>h,_o:()=>u,vn:()=>c});var i=a("ddf1cdb42ecc"),s=a("34addf781b5b"),n=e([i,s]);[i,s]=n.then?(await n)():n;function l(e){return i.html`<span aria-hidden="true"
             class="sf-avatar-badge sf-avatar-badge--size-${e.size} sf-avatar-badge--company overflow-hidden flex absolute bottom-0 inline-end-0"
     >
     <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -48,7 +48,7 @@
     <span class=${(0,s._o)(a)} style=${e.rootStyle||i.nothing}>
       ${(0,s.vn)(a)} ${(0,s.Od)(a)}
     </span>
-  `}function f(e){return e.check?"verified":e.active?"online":"none"}function p(e){return h({size:c(e.roundSize||e.avatarSize),imageUrl:e.imageUrl,status:f(e),rootClass:e.rootClass,rootStyle:e.rootStyle,component:e.component})}function m(e,{size:t,imageUrl:a,title:r,text:s,icon:n}){return i.html`
+  `}function f(e){return e.check?"verified":e.active?"online":"none"}function p(e){return h({size:c(e.roundSize||e.avatarSize),imageUrl:e.imageUrl,status:f(e),rootClass:e.rootClass,rootStyle:e.rootStyle,component:e.component})}function g(e,{size:t,imageUrl:a,title:r,text:s,icon:n}){return i.html`
     <div class=${["sf-avatar-label-group",`sf-avatar-label-group--size-${t}`,"flex","items-cross-center",e.rootClass].filter(Boolean).join(" ")} style=${e.rootStyle||i.nothing}>
       ${h({size:t,imageUrl:a,component:e.component})}
       <div class="sf-avatar-label-group-container flex flex-col">
@@ -59,11 +59,11 @@
             </div>`:i.nothing}
       </div>
     </div>
-  `}function g(e){return m(e,{size:c(e.avatarSize),imageUrl:e.imageUrl,title:e.name,text:e.source,icon:e.source?"link":""})}function v(e){return m(e,{size:c(e.labelSize||e.avatarSize),imageUrl:e.avatarUrl,title:e.labelText,text:e.labelSecondText})}function b(e){const t=c(e.roundSize,"1/2"),a=String(e.avatarsMore??"").trim();return i.html`
+  `}function m(e){return g(e,{size:c(e.avatarSize),imageUrl:e.imageUrl,title:e.name,text:e.source,icon:e.source?"link":""})}function v(e){return g(e,{size:c(e.labelSize||e.avatarSize),imageUrl:e.avatarUrl,title:e.labelText,text:e.labelSecondText})}function b(e){const t=c(e.roundSize,"1/2"),a=String(e.avatarsMore??"").trim();return i.html`
     <div class=${["sf-avatar-group",`sf-avatar-group--size-${d(t)}`,"flex","items-cross-center",e.rootClass].filter(Boolean).join(" ")} style=${e.rootStyle||i.nothing}>
       <div class="sf-avatar-group-avatars flex">
         ${e.avatars.map(a=>h({size:t,imageUrl:a.imageUrl||a.image_url,text:a.text||a.initials,component:e.component}))}
         ${a?h({size:t,text:/^\d+$/u.test(a)?`+${a}`:a,component:e.component}):i.nothing}
       </div>
     </div>
-  `}function x(e){return h({size:u[e.profileSize]||c(e.profileSize,"3"),imageUrl:e.imageUrl,status:"verified",rootClass:e.rootClass,rootStyle:e.rootStyle,component:e.component})}function S(e){switch(e.templateName){case"user":return g(e);case"group":return b(e);case"label":return v(e);case"profile":return x(e);default:return p(e)}}r()}catch(C){r(C)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function a(r){const i=t[r];if(void 0!==i)return i.exports;const s=t[r]={exports:{}};return e[r](s,s.exports,a),s.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",i=e?Symbol("webpack error"):"__webpack_error__",s=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};a.a=(e,a,n)=>{let l;n&&((l=[]).d=-1);const o=new Set,u=e.exports;let c,d,h;const f=new Promise((e,t)=>{h=t,d=e});f[r]=u,f[t]=e=>(l&&e(l),o.forEach(e),f.catch(e=>{})),e.exports=f;a(e=>{let a;c=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const a=[];a.d=0,e.then(e=>{n[r]=e,s(a)},e=>{n[i]=e,s(a)});const n={};return n[t]=e=>e(a),n}}const a={};return a[t]=e=>{},a[r]=e,a}))(e);const n=()=>c.map(e=>{if(e[i])throw e[i];return e[r]}),u=new Promise(e=>{a=()=>e(n),a.r=0;const r=e=>e!==l&&!o.has(e)&&(o.add(e),e&&!e.d&&(a.r++,e.push(a)));c.map(e=>e[t](r))});return a.r?u:n()},e=>(e?h(f[i]=e):d(u),s(l))),l?.d<0&&(l.d=0)}})(),a.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],s=t[r++];a.o(e,i)?0===s&&r++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);a("d969e7648c73")})();
+  `}function x(e){return h({size:u[e.profileSize]||c(e.profileSize,"3"),imageUrl:e.imageUrl,status:"verified",rootClass:e.rootClass,rootStyle:e.rootStyle,component:e.component})}function S(e){switch(e.templateName){case"user":return m(e);case"group":return b(e);case"label":return v(e);case"profile":return x(e);default:return p(e)}}r()}catch(C){r(C)}})},"34addf781b5b"(e,t,a){a.a(e,async(e,t)=>{try{var r=a("ddf1cdb42ecc"),i=a("7cd0e63a3ed6"),s=e([r,i]);[r,i]=s.then?(await s)():s;Object.freeze(["badge-count","badge-dot","badge-cap","badge-label"]);t()}catch(e){t(e)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function a(r){const i=t[r];if(void 0!==i)return i.exports;const s=t[r]={exports:{}};return e[r](s,s.exports,a),s.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",i=e?Symbol("webpack error"):"__webpack_error__",s=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};a.a=(e,a,n)=>{let l;n&&((l=[]).d=-1);const o=new Set,u=e.exports;let c,d,h;const f=new Promise((e,t)=>{h=t,d=e});f[r]=u,f[t]=e=>(l&&e(l),o.forEach(e),f.catch(e=>{})),e.exports=f;a(e=>{let a;c=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const a=[];a.d=0,e.then(e=>{n[r]=e,s(a)},e=>{n[i]=e,s(a)});const n={};return n[t]=e=>e(a),n}}const a={};return a[t]=e=>{},a[r]=e,a}))(e);const n=()=>c.map(e=>{if(e[i])throw e[i];return e[r]}),u=new Promise(e=>{a=()=>e(n),a.r=0;const r=e=>e!==l&&!o.has(e)&&(o.add(e),e&&!e.d&&(a.r++,e.push(a)));c.map(e=>e[t](r))});return a.r?u:n()},e=>(e?h(f[i]=e):d(u),s(l))),l?.d<0&&(l.d=0)}})(),a.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],s=t[r++];a.o(e,i)?0===s&&r++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);a("d969e7648c73")})();

package/distr/smart/button-group/js/button-group.min.js

@@ -1,4 +1,4 @@
-(()=>{"use strict";var e={"67eed2647f47"(e,t,n){n.d(t,{z:()=>i});const a=new WeakMap,s=new WeakSet;function i(e,t){const n=e.ownerDocument;s.has(n)||(n.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const n=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of n)if(e.isConnected&&e.form===t)for(const t of a.get(e)||[])t()},0)},!0),s.add(n));let i=a.get(e);return i||a.set(e,i=new Set),i.add(t),()=>i.delete(t)}},"50d2a204ba4c"(e,t,n){n.d(t,{le:()=>r});function a(e,t={}){const n=document.createElementNS("http://www.w3.org/2000/svg",e);return Object.entries(t).forEach(([e,t])=>{null!=t&&""!==t&&n.setAttribute(e,String(t))}),n}const s=e=>Math.round(1e3*e)/1e3;function i(e={}){return function({width:e=24,height:t=24,stroke:n=2,dots:i=8,filled:r=3,dotRadius:o=null,direction:l="clockwise",pixel:u=!1}={}){const c=e/2,d=t/2,h=Math.min(e,t)/2,f=Math.max(1,h-n/2),m=a("svg",{class:"sf-loader-svg",viewBox:`0 0 ${e} ${t}`,width:u?e:null,height:u?t:null,"aria-hidden":"true",focusable:"false"}),g={cx:c,cy:d,r:s(f),fill:"none",stroke:"currentColor","stroke-width":n},b=a("circle",{class:"sf-loader-ring-filled",...g,opacity:"0.3"}),p=a("circle",{class:"sf-loader-ring-accent",...g,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${c} ${d})`}),v=a("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${c} ${d})`});for(let e=0;e<10;e+=1){const t=9===e;v.append(a("circle",{class:"sf-loader-comet-segment"+(t?" sf-loader-comet-head":""),...g,"stroke-linecap":t?"round":"butt",pathLength:100,"stroke-dasharray":`${s(4)} ${s(96)}`,"stroke-dashoffset":s(-4*e),opacity:s(((e+1)/10)**1.6)}))}const y=Math.max(3,Math.min(32,Math.floor(Number(i)||8))),w=Math.max(1,Math.min(y,Math.floor(Number(r)||3))),S=Math.min(n,.7*Math.PI*(h-n)/y),$=null==o||""===o?S:Math.max(1,Math.min(Number(o)||S,h/4)),x=Math.max($,h-$),k=a("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${y}; --sf-loader-dot-filled:${w};`});for(let e=0;e<y;e+=1){const t=2*Math.PI/y*e-Math.PI/2,n="counterclockwise"===l?e:(y-e)%y;k.append(a("circle",{class:"sf-loader-dot"+(e<w?" sf-loader-dot--active":""),cx:s(c+x*Math.cos(t)),cy:s(d+x*Math.sin(t)),r:s($),fill:"currentColor",style:`--sf-loader-dot-index:${e}; --sf-loader-dot-step:${n};`}))}return m.append(b,p,v,k),m}({...e,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}function r({className:e="",overlay:t=!1}={}){const n=document.createElement("span");n.className=["sf-loader-container","sf-loader--infinite",e,e&&t?`${e}--overlay`:""].filter(Boolean).join(" "),n.dataset.sfSpinnerBound="1",n.dataset.infinite="true",n.setAttribute("aria-hidden","true");const a=document.createElement("span");return a.className="sf-loader--loading-indicator",a.append(i()),n.append(a),n}},"18333410c461"(e,t,n){n.a(e,async(e,t)=>{try{var a=n("fbe0570fcc69"),s=n("2c8db2795ace"),i=n("2feae72af89f"),r=n("67eed2647f47"),o=n("0d662e4d7d63"),l=e([a,s,i,o]);[a,s,i,o]=l.then?(await l)():l;var u=n.n(a);const c={en:{group:"Theme",system:"System",light:"Light",dark:"Dark"},ru:{group:"Тема",system:"Как в системе",light:"Светлая",dark:"Тёмная"}},d=["system","light","dark"],h={system:"brightness_auto",light:"light_mode",dark:"dark_mode"};function f(){const e=globalThis.SF?.Loader?.themePreference;return d.includes(e)?e:"system"}function m(e=[]){if(Array.isArray(e))return e;const t=String(e||"").trim();if(!t)return[];if(t.startsWith("["))try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch{return[]}return t.split("|").map(e=>{const[t,n,a=""]=e.split("::"),s=a.split(",").map(e=>e.trim()).filter(Boolean),i=s.find(e=>e.startsWith("icon="));return{value:t.trim(),label:(n||t).trim(),disabled:s.includes("disabled"),loading:s.includes("loading"),icon:i?i.slice(5):""}})}function g(e=[]){const t=new Set;return m(e).map((e,n)=>{const a="string"==typeof e?{value:e,label:e}:e;if(!a||"object"!=typeof a)return null;const s=String(a.value??a.id??n).trim();return!s||t.has(s)?null:(t.add(s),{id:String(a.id||s),value:s,label:String(a.label??a.text??s),icon:String(a.icon||""),ariaLabel:String(a.ariaLabel||a["aria-label"]||""),count:null===a.count||void 0===a.count?"":String(a.count).trim(),iconOnly:Boolean((a.iconOnly??a["icon-only"])&&a.icon),loading:Boolean(a.loading),disabled:Boolean(a.disabled||a.loading)})}).filter(Boolean)}class b extends(u()){static get props(){return{templateName:{attribute:"template",default:"default"},items:{type:Array,default:[],parser:m},value:{default:""},name:{default:""},themeSwitch:{attribute:"theme-switch",type:Boolean,default:!1},size:{default:"1",values:["1/3","1/2","1","2","3"]},spacing:{type:String,default:null},tightness:{default:"",values:["","low","high","highest"]},scheme:{default:"primary",values:["primary","secondary","on-surface"]},appearance:{default:"default",values:["default","segmented"]},plate:{default:"scheme",values:["scheme","raised"]},fullWidth:{attribute:"full-width",type:Boolean,default:!1},radius:{default:"",values:["","default","square","rounded"]},orientation:{default:"horizontal",values:["horizontal","vertical"]},disabled:{type:Boolean,default:!1},ariaLabel:{attribute:"aria-label",default:""},rootClass:{attribute:"root-class",default:""}}}constructor(){super(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("sf-after-render",e=>{e.target!==this&&e.target.parentElement===this.querySelector(".sf-button-group")&&this.syncButtonSemantics()})}get themeSwitch(){return this.getBooleanAttr("theme-switch",!1)}get themeItems(){return d.map(e=>({value:e,label:(0,o.pageText)(c,e,this),icon:h[e],iconOnly:!0}))}get normalizedItems(){const e=g(this.themeSwitch?this.themeItems:this.getProp("items")),t=e.findIndex(e=>!e.disabled);return e.map((e,n)=>({...e,firstEnabled:n===t}))}get value(){return this.getAttribute("value")||""}set value(e){null!=e&&""!==e?this.setAttribute("value",String(e)):this.removeAttribute("value")}get disabled(){return this.getBooleanAttr("disabled",!1)}get name(){return this.getAttribute("name")||""}connectedCallback(){Object.prototype.hasOwnProperty.call(this,"_resetValue")||(this._resetValue=this.value),super.connectedCallback()}onConnected(){window.addEventListener("sf-theme-change",this.handleThemeChange),this.syncThemePreference()}onDisconnected(){window.removeEventListener("sf-theme-change",this.handleThemeChange),this._releaseReset?.(),this._releaseReset=null,this._resetInput=null,super.onDisconnected()}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),"theme-switch"===e&&t!==n&&this._isMounted&&this.syncThemePreference()}syncThemePreference(){if(!this.themeSwitch)return;const e=f();this.value!==e&&(this.value=e)}handleThemeChange=()=>this.syncThemePreference();templateContext(){return this.createTemplateContext({...this.getPropsContext(),ariaLabel:this.getAttribute("aria-label")||(this.themeSwitch?(0,o.pageText)(c,"group",this):""),...(0,i.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}),component:this,items:this.normalizedItems,value:this.value,disabled:this.disabled})}template(){return(0,s.a)(this.templateContext())}emitValueChange(e){this.emitComponentEvent("button-group-change",e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{component:this,...e}}))}select(e){const t=String(e??""),n=this.normalizedItems.find(e=>e.value===t);if(!n||n.disabled||this.disabled||t===this.value)return this;const a=this.value;return this.themeSwitch&&!0!==globalThis.SF?.Loader?.setTheme?.(t)||(this.value=t,this.emitValueChange({previous:a,value:t,item:n})),this}afterRender(){this.syncButtonSemantics(),this.bindReset()}bindReset(){const e=this.querySelector(":scope > .sf-button-group-input");this._resetInput!==e&&(this._releaseReset?.(),this._resetInput=e,this._releaseReset=e?(0,r.z)(e,()=>{this.themeSwitch||(this.value=this._resetValue)}):null)}syncButtonSemantics(){const e=this.querySelector(".sf-button-group");if(!e)return;const t=this.normalizedItems,n=this.disabled?[]:t.filter(e=>!e.disabled),a=n.find(e=>e.value===this.value)||n[0];e.querySelectorAll(":scope > sf-button, :scope > button").forEach((e,n)=>{const s=e.matches("button")?e:e.querySelector("button"),i=t[n];if(!s||!i)return;const r=i.value===this.value;s.setAttribute("role","radio"),s.setAttribute("aria-checked",r?"true":"false"),s.tabIndex=i===a?0:-1})}clear(){if(!this.value||this.disabled||this.themeSwitch)return this;const e=this.value;return this.value="",this.emitValueChange({previous:e,value:"",item:null}),this}focus(e){const t=this.querySelector('button[role="radio"][tabindex="0"]:not(:disabled)');return t?.focus?.(e),this}handleClick=e=>{const t=e.target?.closest?.("[data-sf-button-group-value]");t&&this.contains(t)&&this.select(t.getAttribute("data-sf-button-group-value"))};handleKeyDown=e=>{if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key))return;const t=this.normalizedItems.filter(e=>!e.disabled);if(!t.length||this.disabled)return;const n=Math.max(0,t.findIndex(e=>e.value===this.value)),a="Home"===e.key?0:"End"===e.key?t.length-1:["ArrowLeft","ArrowUp"].includes(e.key)?(n-1+t.length)%t.length:(n+1)%t.length;e.preventDefault();const s=this.value;this.select(t[a].value),this.value!==s&&this.addEventListener("sf-after-render",()=>this.focus(),{once:!0})}}b.define("sf-button-group"),t()}catch(p){t(p)}})},"2c8db2795ace"(e,t,n){n.a(e,async(e,a)=>{try{n.d(t,{a:()=>d});var s=n("ddf1cdb42ecc"),i=n("50d2a204ba4c"),r=e([s]),o=r.then?(await r)():r;s=o[0];function l(e,t){return t<=1?"":0===e?"start":e===t-1?"end":"middle"}function u(e,t,n){const a=e.value===n.value,i=n.disabled||e.disabled;return s.html`
+(()=>{"use strict";var e={"67eed2647f47"(e,t,n){n.d(t,{z:()=>i});const a=new WeakMap,s=new WeakSet;function i(e,t){const n=e.ownerDocument;s.has(n)||(n.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const n=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of n)if(e.isConnected&&e.form===t)for(const t of a.get(e)||[])t()},0)},!0),s.add(n));let i=a.get(e);return i||a.set(e,i=new Set),i.add(t),()=>i.delete(t)}},"50d2a204ba4c"(e,t,n){n.d(t,{le:()=>r});function a(e,t={}){const n=document.createElementNS("http://www.w3.org/2000/svg",e);return Object.entries(t).forEach(([e,t])=>{null!=t&&""!==t&&n.setAttribute(e,String(t))}),n}const s=e=>Math.round(1e3*e)/1e3;function i(e={}){return function({width:e=24,height:t=24,stroke:n=2,dots:i=8,filled:r=3,dotRadius:o=null,direction:l="clockwise",pixel:u=!1}={}){const c=e/2,d=t/2,h=Math.min(e,t)/2,f=Math.max(1,h-n/2),m=a("svg",{class:"sf-loader-svg",viewBox:`0 0 ${e} ${t}`,width:u?e:null,height:u?t:null,"aria-hidden":"true",focusable:"false"}),g={cx:c,cy:d,r:s(f),fill:"none",stroke:"currentColor","stroke-width":n},b=a("circle",{class:"sf-loader-ring-filled",...g,opacity:"0.3"}),p=a("circle",{class:"sf-loader-ring-accent",...g,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"30 70",transform:`rotate(90 ${c} ${d})`}),v=a("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${c} ${d})`});for(let e=0;e<10;e+=1){const t=9===e;v.append(a("circle",{class:"sf-loader-comet-segment"+(t?" sf-loader-comet-head":""),...g,"stroke-linecap":t?"round":"butt",pathLength:100,"stroke-dasharray":`${s(4)} ${s(96)}`,"stroke-dashoffset":s(-4*e),opacity:s(((e+1)/10)**1.6)}))}const y=Math.max(3,Math.min(32,Math.floor(Number(i)||8))),w=Math.max(1,Math.min(y,Math.floor(Number(r)||3))),S=Math.min(n,.7*Math.PI*(h-n)/y),$=null==o||""===o?S:Math.max(1,Math.min(Number(o)||S,h/4)),x=Math.max($,h-$),k=a("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${y}; --sf-loader-dot-filled:${w};`});for(let e=0;e<y;e+=1){const t=2*Math.PI/y*e-Math.PI/2,n="counterclockwise"===l?e:(y-e)%y;k.append(a("circle",{class:"sf-loader-dot"+(e<w?" sf-loader-dot--active":""),cx:s(c+x*Math.cos(t)),cy:s(d+x*Math.sin(t)),r:s($),fill:"currentColor",style:`--sf-loader-dot-index:${e}; --sf-loader-dot-step:${n};`}))}return m.append(b,p,v,k),m}({...e,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}function r({className:e="",overlay:t=!1}={}){const n=document.createElement("span");n.className=["sf-loader-container","sf-loader--infinite",e,e&&t?`${e}--overlay`:""].filter(Boolean).join(" "),n.dataset.sfSpinnerBound="1",n.dataset.infinite="true",n.setAttribute("aria-hidden","true");const a=document.createElement("span");return a.className="sf-loader--loading-indicator",a.append(i()),n.append(a),n}},"18333410c461"(e,t,n){n.a(e,async(e,t)=>{try{var a=n("fbe0570fcc69"),s=n("2c8db2795ace"),i=n("2feae72af89f"),r=n("67eed2647f47"),o=n("0d662e4d7d63"),l=e([a,s,i,o]);[a,s,i,o]=l.then?(await l)():l;var u=n.n(a);const c={en:{group:"Theme",system:"System",light:"Light",dark:"Dark"},ru:{group:"Тема",system:"Как в системе",light:"Светлая",dark:"Тёмная"}},d=["system","light","dark"],h={system:"brightness_auto",light:"light_mode",dark:"dark_mode"};function f(){const e=globalThis.SF?.Loader?.themePreference;return d.includes(e)?e:"system"}function m(e=[]){if(Array.isArray(e))return e;const t=String(e||"").trim();if(!t)return[];if(t.startsWith("["))try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch{return[]}return t.split("|").map(e=>{const[t,n,a=""]=e.split("::"),s=a.split(",").map(e=>e.trim()).filter(Boolean),i=s.find(e=>e.startsWith("icon="));return{value:t.trim(),label:(n||t).trim(),disabled:s.includes("disabled"),loading:s.includes("loading"),icon:i?i.slice(5):""}})}function g(e=[]){const t=new Set;return m(e).map((e,n)=>{const a="string"==typeof e?{value:e,label:e}:e;if(!a||"object"!=typeof a)return null;const s=String(a.value??a.id??n).trim();return!s||t.has(s)?null:(t.add(s),{id:String(a.id||s),value:s,label:String(a.label??a.text??s),icon:String(a.icon||""),ariaLabel:String(a.ariaLabel||a["aria-label"]||""),count:null===a.count||void 0===a.count?"":String(a.count).trim(),iconOnly:Boolean((a.iconOnly??a["icon-only"])&&a.icon),loading:Boolean(a.loading),disabled:Boolean(a.disabled||a.loading)})}).filter(Boolean)}class b extends(u()){static get props(){return{templateName:{attribute:"template",default:"default"},items:{type:Array,default:[],parser:m},value:{default:""},name:{default:""},themeSwitch:{attribute:"theme-switch",type:Boolean,default:!1},size:{default:"1",values:["1/3","1/2","1","2","3"]},spacing:{type:String,default:null},tightness:{default:"",values:["","low","high","highest"]},scheme:{default:"primary",values:["primary","secondary","on-surface"]},appearance:{default:"default",values:["default","segmented"]},plate:{default:"scheme",values:["scheme","raised"]},fullWidth:{attribute:"full-width",type:Boolean,default:!1},radius:{default:"",values:["","default","square","rounded"]},orientation:{default:"horizontal",values:["horizontal","vertical"]},disabled:{type:Boolean,default:!1},ariaLabel:{attribute:"aria-label",default:""},rootClass:{attribute:"root-class",default:""}}}constructor(){super(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("sf-after-render",e=>{e.target!==this&&e.target.parentElement===this.querySelector(".sf-button-group")&&this.syncButtonSemantics()})}get themeSwitch(){return this.getBooleanAttr("theme-switch",!1)}get themeItems(){return d.map(e=>({value:e,label:(0,o.pageText)(c,e,this),icon:h[e],iconOnly:!0}))}get normalizedItems(){const e=g(this.themeSwitch?this.themeItems:this.getProp("items")),t=e.findIndex(e=>!e.disabled);return e.map((e,n)=>({...e,firstEnabled:n===t}))}get value(){return this.getAttribute("value")||""}set value(e){null!=e&&""!==e?this.setAttribute("value",String(e)):this.removeAttribute("value")}get disabled(){return this.getBooleanAttr("disabled",!1)}get name(){return this.getAttribute("name")||""}connectedCallback(){Object.prototype.hasOwnProperty.call(this,"_resetValue")||(this._resetValue=this.value),super.connectedCallback()}onConnected(){window.addEventListener("sf-theme-change",this.handleThemeChange),this.syncThemePreference()}onDisconnected(){window.removeEventListener("sf-theme-change",this.handleThemeChange),this._releaseReset?.(),this._releaseReset=null,this._resetInput=null,super.onDisconnected()}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),"theme-switch"===e&&t!==n&&this._isMounted&&this.syncThemePreference()}syncThemePreference(){if(!this.themeSwitch)return;const e=f();this.value!==e&&(this.value=e)}handleThemeChange=()=>this.syncThemePreference();templateContext(){return this.createTemplateContext({...this.getPropsContext(),ariaLabel:this.getAttribute("aria-label")||(this.themeSwitch?(0,o.pageText)(c,"group",this):""),...(0,i.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}),component:this,items:this.normalizedItems,value:this.value,disabled:this.disabled})}template(){return(0,s.a)(this.templateContext())}emitValueChange(e){this.emitComponentEvent("button-group-change",e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{component:this,...e}}))}select(e){const t=String(e??""),n=this.normalizedItems.find(e=>e.value===t);if(!n||n.disabled||this.disabled||t===this.value)return this;const a=this.value;return this.themeSwitch&&!0!==globalThis.SF?.Loader?.setTheme?.(t)||(this.value=t,this.emitValueChange({previous:a,value:t,item:n})),this}afterRender(){this.syncButtonSemantics(),this.bindReset()}bindReset(){const e=this.querySelector(":scope > .sf-button-group-input");this._resetInput!==e&&(this._releaseReset?.(),this._resetInput=e,this._releaseReset=e?(0,r.z)(e,()=>{this.themeSwitch||(this.value=this._resetValue)}):null)}syncButtonSemantics(){const e=this.querySelector(".sf-button-group");if(!e)return;const t=this.normalizedItems,n=this.disabled?[]:t.filter(e=>!e.disabled),a=n.find(e=>e.value===this.value)||n[0];e.querySelectorAll(":scope > sf-button, :scope > button").forEach((e,n)=>{const s=e.matches("button")?e:e.querySelector("button"),i=t[n];if(!s||!i)return;const r=i.value===this.value;s.setAttribute("role","radio"),s.setAttribute("aria-checked",r?"true":"false"),s.tabIndex=i===a?0:-1})}clear(){if(!this.value||this.disabled||this.themeSwitch)return this;const e=this.value;return this.value="",this.emitValueChange({previous:e,value:"",item:null}),this}focus(e){const t=this.querySelector('button[role="radio"][tabindex="0"]:not(:disabled)');return t?.focus?.(e),this}handleClick=e=>{const t=e.target?.closest?.("[data-sf-button-group-value]");t&&this.contains(t)&&this.select(t.getAttribute("data-sf-button-group-value"))};handleKeyDown=e=>{if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key))return;const t=this.normalizedItems.filter(e=>!e.disabled);if(!t.length||this.disabled)return;const n=Math.max(0,t.findIndex(e=>e.value===this.value)),a="Home"===e.key?0:"End"===e.key?t.length-1:["ArrowLeft","ArrowUp"].includes(e.key)?(n-1+t.length)%t.length:(n+1)%t.length;e.preventDefault();const s=this.value;this.select(t[a].value),this.value!==s&&this.addEventListener("sf-after-render",()=>this.focus(),{once:!0})}}b.define("sf-button-group"),t()}catch(p){t(p)}})},"2c8db2795ace"(e,t,n){n.a(e,async(e,a)=>{try{n.d(t,{a:()=>d});var s=n("ddf1cdb42ecc"),i=n("50d2a204ba4c"),r=e([s]),o=r.then?(await r)():r;s=o[0];function l(e,t){return t<=1?"":0===e?"start":e===t-1?"end":"middle"}function u(e,t,n){const a=e.value===n.value,i=n.disabled||e.disabled;return s.html`
     <sf-button
       text=${e.label}
       icon=${e.icon||s.nothing}

package/distr/smart/buttons/js/buttons.min.js

@@ -1,4 +1,4 @@
-(()=>{"use strict";var t={"50d2a204ba4c"(t,e,n){n.d(e,{le:()=>a});function i(t,e={}){const n=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&n.setAttribute(t,String(e))}),n}const o=t=>Math.round(1e3*t)/1e3;function s(t={}){return function({width:t=24,height:e=24,stroke:n=2,dots:s=8,filled:a=3,dotRadius:r=null,direction:l="clockwise",pixel:c=!1}={}){const u=t/2,d=e/2,h=Math.min(t,e)/2,f=Math.max(1,h-n/2),g=i("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:c?t:null,height:c?e:null,"aria-hidden":"true",focusable:"false"}),p={cx:u,cy:d,r:o(f),fill:"none",stroke:"currentColor","stroke-width":n},b=i("circle",{class:"sf-loader-ring-filled",...p,opacity:"0.3"}),m=i("circle",{class:"sf-loader-ring-accent",...p,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${u} ${d})`}),y=i("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${u} ${d})`});for(let t=0;t<10;t+=1){const e=9===t;y.append(i("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...p,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${o(4)} ${o(96)}`,"stroke-dashoffset":o(-4*t),opacity:o(((t+1)/10)**1.6)}))}const S=Math.max(3,Math.min(32,Math.floor(Number(s)||8))),v=Math.max(1,Math.min(S,Math.floor(Number(a)||3))),A=Math.min(n,.7*Math.PI*(h-n)/S),x=null==r||""===r?A:Math.max(1,Math.min(Number(r)||A,h/4)),w=Math.max(x,h-x),$=i("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${S}; --sf-loader-dot-filled:${v};`});for(let t=0;t<S;t+=1){const e=2*Math.PI/S*t-Math.PI/2,n="counterclockwise"===l?t:(S-t)%S;$.append(i("circle",{class:"sf-loader-dot"+(t<v?" sf-loader-dot--active":""),cx:o(u+w*Math.cos(e)),cy:o(d+w*Math.sin(e)),r:o(x),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${n};`}))}return g.append(b,m,y,$),g}({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}function a({className:t="",overlay:e=!1}={}){const n=document.createElement("span");n.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),n.dataset.sfSpinnerBound="1",n.dataset.infinite="true",n.setAttribute("aria-hidden","true");const i=document.createElement("span");return i.className="sf-loader--loading-indicator",i.append(s()),n.append(i),n}},"06e8cd089f28"(t,e,n){function i(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function o({component:t="",kind:e="attribute",attribute:n="",from:o,to:s=null}={}){if(!o)return;const a=[t,e,n,o].join("|"),r=i(),l=r.get(a);if(l)l.count+=1;else if(r.set(a,{component:t,kind:e,attribute:n,from:o,to:s,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const i=t?`${t}: `:"",a="value"===e?`${n}="${o}"`:`${e} ${o}`;globalThis.console?.warn?.(`[SIMAI Framework] ${i}${a} is a legacy name${s?`; write ${s}`:""}. See contracts/changes/journal.json.`)}}if(n.d(e,{YB:()=>o}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...i().values()].map(t=>({...t}))},t.clear=function(){i().clear()},t.note=o,globalThis.SF.deprecations=t}},c76f8895b630(t,e,n){n.a(t,async(t,e)=>{try{var i=n("fbe0570fcc69"),o=n("5168bdf4a1f9"),s=n("ddf1cdb42ecc"),a=n("2feae72af89f"),r=n("06e8cd089f28"),l=t([i,o,s,a]);[i,o,s,a]=l.then?(await l)():l;var c=n.n(i);const u=new Set(["template","size","appearance","type","scheme","status","text","icon","icon-start","icon-end","icon-left","icon-right","icon-position","text-position","spacing","tightness","radius","root-class","loading","segment","disabled","native-type","aria-label","class","style","id","slot"]);function d(t,e){t?.forwardHostAttributes(e,{exclude:u,transferDataAttributes:!0,storageKey:"__sfButtonForwardedDataAttributes",targetStorageKey:"__sfButtonAttributeKeys"})}const h=["default","tonal","outline","link","surface"],f={ghost:"link"},g={danger:"error",critical:"error"};class p extends(c()){constructor(){super(),this._attributeObserver=null}static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},appearance:{default:"default",aliases:["type"]},scheme:{default:"primary"},status:{default:"",values:["","error"]},textPosition:{type:String,default:"center"},text:{default:""},segment:{default:""},icon:{default:""},iconStart:{type:String,default:null},iconEnd:{type:String,default:null},iconLeft:{default:""},iconRight:{default:""},iconPosition:{default:"start"},spacing:{type:String,default:null},tightness:{default:"",values:["","low","high","highest"]},radius:{default:"",values:["","default","square","rounded"]},rootClass:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},nativeType:{default:"button"},ariaLabel:{default:""}}}get templateName(){return this.getAttribute("template")||"default"}get size(){return this.getAttribute("size")||"1"}get appearance(){const t=this.getAttribute("appearance")||this.getAttribute("type")||"default";return Object.hasOwn(f,t)?((0,r.YB)({component:this.localName,kind:"value",attribute:"appearance",from:t,to:f[t]}),f[t]):h.includes(t)?t:"default"}get type(){return this.appearance}get scheme(){return this.getAttribute("scheme")||"primary"}get status(){const t=this.getAttribute("status")||"";return g[t]?((0,r.YB)({component:this.localName,kind:"value",attribute:"status",from:t,to:g[t]}),g[t]):t}get text(){return this.getAttribute("text")||""}get icon(){return this.getAttribute("icon")||""}get iconLeft(){return this.hasAttribute("icon-left")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"icon-left",to:"icon-start"}),this.getAttribute("icon-start")??this.getAttribute("icon-left")}get iconRight(){return this.hasAttribute("icon-right")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"icon-right",to:"icon-end"}),this.getAttribute("icon-end")??this.getAttribute("icon-right")}get iconStart(){return this.iconLeft}get iconEnd(){return this.iconRight}get iconPosition(){return this.getAttribute("icon-position")||"start"}noteLegacyNames(){return this.hasAttribute("tightness")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"tightness",to:"spacing"}),{}}get tightness(){return(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}).tightness}get spacing(){return(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}).spacing}get radius(){return this.getEnumAttr("radius",["default","square","rounded"],"")}get rootClass(){return this.getAttribute("root-class")||""}get loading(){return this.getBooleanAttr("loading",!1)}get disabled(){return this.getBooleanAttr("disabled",!1)}get nativeType(){return this.getAttribute("native-type")||"button"}get ariaLabel(){return this.getAttribute("aria-label")||""}templateContext(){const t=this.getPropsContext();return this.createTemplateContext({...t,iconLeft:t.iconStart??t.iconLeft,iconRight:t.iconEnd??t.iconRight,iconStart:this.iconStart,iconEnd:this.iconEnd,type:this.type,appearance:"ghost"===t.appearance?"link":t.appearance,status:this.status,...(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}),...this.noteLegacyNames?.(),component:this})}template(){return(0,o.B)(this.templateContext())}resolveUpdateMode(){return"lit"}afterRender(){d(this,this.querySelector(".sf-button")),this._attributeObserver||(this._attributeObserver=this.observeForwardedHostAttributes(()=>this.querySelector(".sf-button"),{exclude:u,transferDataAttributes:!0,storageKey:"__sfButtonForwardedDataAttributes",targetStorageKey:"__sfButtonAttributeKeys"})._forwardHostAttributeObserver)}get value(){return{template:this.templateName,size:this.size,appearance:this.appearance,type:this.type,scheme:this.scheme,status:this.status,text:this.text,icon:this.icon,iconLeft:this.iconLeft,iconRight:this.iconRight,iconStart:this.iconStart,iconEnd:this.iconEnd,iconPosition:this.iconPosition,tightness:this.tightness,spacing:this.spacing,radius:this.radius,rootClass:this.rootClass,loading:this.loading,disabled:this.disabled,nativeType:this.nativeType,ariaLabel:this.ariaLabel}}onClick(t,e){return"function"==typeof t&&this.addEventListener("click",t,e),this}onFocus(t,e){return"function"==typeof t&&this.addEventListener("focusin",t,e),this}onBlur(t,e){return"function"==typeof t&&this.addEventListener("focusout",t,e),this}onMouseEnter(t,e){return"function"==typeof t&&this.addEventListener("mouseenter",t,e),this}onMouseLeave(t,e){return"function"==typeof t&&this.addEventListener("mouseleave",t,e),this}setDisabled(t=!0){return t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this}createIcon(t){return t?s.html`<sf-icon icon="${t}" root-class="pointer-event-none" weight="400" aria-hidden="true"></sf-icon>`:""}set value(t){this.setValueAttributes(t)}onDisconnected(){this.disconnectForwardedHostAttributes(),this._attributeObserver=null,super.onDisconnected?.()}}p.define("sf-button"),e()}catch(b){e(b)}})},"5168bdf4a1f9"(t,e,n){n.a(t,async(t,i)=>{try{n.d(e,{B:()=>l});var o=n("ddf1cdb42ecc"),s=n("50d2a204ba4c"),a=t([o]),r=a.then?(await a)():a;o=r[0];function l(t){const{size:e,appearance:n,type:i,scheme:a,status:r,text:l,icon:c,iconLeft:u,iconRight:d,iconPosition:h,spacing:f,radius:g,rootClass:p,textPosition:b,loading:m,disabled:y,nativeType:S,ariaLabel:v,segment:A}=t,x=String(h||"start").toLowerCase(),w=["right","end"].includes(x),$=t.iconStart??(u||(c&&!w?c:"")),_=t.iconEnd??(d||(c&&w?c:"")),M=t.component,T=M?.hasSlotContent?.("icon-start")?M.getSlotContent("icon-start"):M?.hasSlotContent?.("icon-left")?M.getSlotContent("icon-left"):M.createIcon($),k=M?.hasSlotContent?.("icon-end")?M.getSlotContent("icon-end"):M?.hasSlotContent?.("icon-right")?M.getSlotContent("icon-right"):M.createIcon(_),L=M?.hasSlotContent?.("text")?M.getSlotContent("text"):l,C=!T&&!k;let E=T,F=k,B="";if(m){const t=t=>(0,s.le)({className:"sf-button-spinner",overlay:t});T?E=t(!1):k?F=t(!1):B=t(!0)}const N=["sf-button",`sf-button--size-${e}`,`sf-button--${n||i}`,`sf-button--${r||a}`,"flex","items-cross-center",A?`segment-${A}`:"",f&&"normal"!==f?`spacing-${f}`:"",g?`radius-${g}`:"",p,m?"loading sf-button-state-loading":""].filter(Boolean);return o.html`
+(()=>{"use strict";var t={"50d2a204ba4c"(t,e,n){n.d(e,{le:()=>a});function i(t,e={}){const n=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&n.setAttribute(t,String(e))}),n}const o=t=>Math.round(1e3*t)/1e3;function s(t={}){return function({width:t=24,height:e=24,stroke:n=2,dots:s=8,filled:a=3,dotRadius:r=null,direction:l="clockwise",pixel:c=!1}={}){const u=t/2,d=e/2,h=Math.min(t,e)/2,f=Math.max(1,h-n/2),g=i("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:c?t:null,height:c?e:null,"aria-hidden":"true",focusable:"false"}),p={cx:u,cy:d,r:o(f),fill:"none",stroke:"currentColor","stroke-width":n},b=i("circle",{class:"sf-loader-ring-filled",...p,opacity:"0.3"}),m=i("circle",{class:"sf-loader-ring-accent",...p,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"30 70",transform:`rotate(90 ${u} ${d})`}),y=i("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${u} ${d})`});for(let t=0;t<10;t+=1){const e=9===t;y.append(i("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...p,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${o(4)} ${o(96)}`,"stroke-dashoffset":o(-4*t),opacity:o(((t+1)/10)**1.6)}))}const S=Math.max(3,Math.min(32,Math.floor(Number(s)||8))),v=Math.max(1,Math.min(S,Math.floor(Number(a)||3))),A=Math.min(n,.7*Math.PI*(h-n)/S),x=null==r||""===r?A:Math.max(1,Math.min(Number(r)||A,h/4)),w=Math.max(x,h-x),$=i("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${S}; --sf-loader-dot-filled:${v};`});for(let t=0;t<S;t+=1){const e=2*Math.PI/S*t-Math.PI/2,n="counterclockwise"===l?t:(S-t)%S;$.append(i("circle",{class:"sf-loader-dot"+(t<v?" sf-loader-dot--active":""),cx:o(u+w*Math.cos(e)),cy:o(d+w*Math.sin(e)),r:o(x),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${n};`}))}return g.append(b,m,y,$),g}({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}function a({className:t="",overlay:e=!1}={}){const n=document.createElement("span");n.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),n.dataset.sfSpinnerBound="1",n.dataset.infinite="true",n.setAttribute("aria-hidden","true");const i=document.createElement("span");return i.className="sf-loader--loading-indicator",i.append(s()),n.append(i),n}},"06e8cd089f28"(t,e,n){function i(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function o({component:t="",kind:e="attribute",attribute:n="",from:o,to:s=null}={}){if(!o)return;const a=[t,e,n,o].join("|"),r=i(),l=r.get(a);if(l)l.count+=1;else if(r.set(a,{component:t,kind:e,attribute:n,from:o,to:s,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const i=t?`${t}: `:"",a="value"===e?`${n}="${o}"`:`${e} ${o}`;globalThis.console?.warn?.(`[SIMAI Framework] ${i}${a} is a legacy name${s?`; write ${s}`:""}. See contracts/changes/journal.json.`)}}if(n.d(e,{YB:()=>o}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...i().values()].map(t=>({...t}))},t.clear=function(){i().clear()},t.note=o,globalThis.SF.deprecations=t}},c76f8895b630(t,e,n){n.a(t,async(t,e)=>{try{var i=n("fbe0570fcc69"),o=n("5168bdf4a1f9"),s=n("ddf1cdb42ecc"),a=n("2feae72af89f"),r=n("06e8cd089f28"),l=t([i,o,s,a]);[i,o,s,a]=l.then?(await l)():l;var c=n.n(i);const u=new Set(["template","size","appearance","type","scheme","status","text","icon","icon-start","icon-end","icon-left","icon-right","icon-position","text-position","spacing","tightness","radius","root-class","loading","segment","disabled","native-type","aria-label","class","style","id","slot"]);function d(t,e){t?.forwardHostAttributes(e,{exclude:u,transferDataAttributes:!0,storageKey:"__sfButtonForwardedDataAttributes",targetStorageKey:"__sfButtonAttributeKeys"})}const h=["default","tonal","outline","link","surface"],f={ghost:"link"},g={danger:"error",critical:"error"};class p extends(c()){constructor(){super(),this._attributeObserver=null}static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},appearance:{default:"default",aliases:["type"]},scheme:{default:"primary"},status:{default:"",values:["","error"]},textPosition:{type:String,default:"center"},text:{default:""},segment:{default:""},icon:{default:""},iconStart:{type:String,default:null},iconEnd:{type:String,default:null},iconLeft:{default:""},iconRight:{default:""},iconPosition:{default:"start"},spacing:{type:String,default:null},tightness:{default:"",values:["","low","high","highest"]},radius:{default:"",values:["","default","square","rounded"]},rootClass:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},nativeType:{default:"button"},ariaLabel:{default:""}}}get templateName(){return this.getAttribute("template")||"default"}get size(){return this.getAttribute("size")||"1"}get appearance(){const t=this.getAttribute("appearance")||this.getAttribute("type")||"default";return Object.hasOwn(f,t)?((0,r.YB)({component:this.localName,kind:"value",attribute:"appearance",from:t,to:f[t]}),f[t]):h.includes(t)?t:"default"}get type(){return this.appearance}get scheme(){return this.getAttribute("scheme")||"primary"}get status(){const t=this.getAttribute("status")||"";return g[t]?((0,r.YB)({component:this.localName,kind:"value",attribute:"status",from:t,to:g[t]}),g[t]):t}get text(){return this.getAttribute("text")||""}get icon(){return this.getAttribute("icon")||""}get iconLeft(){return this.hasAttribute("icon-left")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"icon-left",to:"icon-start"}),this.getAttribute("icon-start")??this.getAttribute("icon-left")}get iconRight(){return this.hasAttribute("icon-right")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"icon-right",to:"icon-end"}),this.getAttribute("icon-end")??this.getAttribute("icon-right")}get iconStart(){return this.iconLeft}get iconEnd(){return this.iconRight}get iconPosition(){return this.getAttribute("icon-position")||"start"}noteLegacyNames(){return this.hasAttribute("tightness")&&(0,r.YB)({component:this.localName,kind:"attribute",from:"tightness",to:"spacing"}),{}}get tightness(){return(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}).tightness}get spacing(){return(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}).spacing}get radius(){return this.getEnumAttr("radius",["default","square","rounded"],"")}get rootClass(){return this.getAttribute("root-class")||""}get loading(){return this.getBooleanAttr("loading",!1)}get disabled(){return this.getBooleanAttr("disabled",!1)}get nativeType(){return this.getAttribute("native-type")||"button"}get ariaLabel(){return this.getAttribute("aria-label")||""}templateContext(){const t=this.getPropsContext();return this.createTemplateContext({...t,iconLeft:t.iconStart??t.iconLeft,iconRight:t.iconEnd??t.iconRight,iconStart:this.iconStart,iconEnd:this.iconEnd,type:this.type,appearance:"ghost"===t.appearance?"link":t.appearance,status:this.status,...(0,a.resolveControlSpacing)({spacing:this.getAttribute("spacing"),tightness:this.getAttribute("tightness")}),...this.noteLegacyNames?.(),component:this})}template(){return(0,o.B)(this.templateContext())}resolveUpdateMode(){return"lit"}afterRender(){d(this,this.querySelector(".sf-button")),this._attributeObserver||(this._attributeObserver=this.observeForwardedHostAttributes(()=>this.querySelector(".sf-button"),{exclude:u,transferDataAttributes:!0,storageKey:"__sfButtonForwardedDataAttributes",targetStorageKey:"__sfButtonAttributeKeys"})._forwardHostAttributeObserver)}get value(){return{template:this.templateName,size:this.size,appearance:this.appearance,type:this.type,scheme:this.scheme,status:this.status,text:this.text,icon:this.icon,iconLeft:this.iconLeft,iconRight:this.iconRight,iconStart:this.iconStart,iconEnd:this.iconEnd,iconPosition:this.iconPosition,tightness:this.tightness,spacing:this.spacing,radius:this.radius,rootClass:this.rootClass,loading:this.loading,disabled:this.disabled,nativeType:this.nativeType,ariaLabel:this.ariaLabel}}onClick(t,e){return"function"==typeof t&&this.addEventListener("click",t,e),this}onFocus(t,e){return"function"==typeof t&&this.addEventListener("focusin",t,e),this}onBlur(t,e){return"function"==typeof t&&this.addEventListener("focusout",t,e),this}onMouseEnter(t,e){return"function"==typeof t&&this.addEventListener("mouseenter",t,e),this}onMouseLeave(t,e){return"function"==typeof t&&this.addEventListener("mouseleave",t,e),this}setDisabled(t=!0){return t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this}createIcon(t){return t?s.html`<sf-icon icon="${t}" root-class="pointer-event-none" weight="400" aria-hidden="true"></sf-icon>`:""}set value(t){this.setValueAttributes(t)}onDisconnected(){this.disconnectForwardedHostAttributes(),this._attributeObserver=null,super.onDisconnected?.()}}p.define("sf-button"),e()}catch(b){e(b)}})},"5168bdf4a1f9"(t,e,n){n.a(t,async(t,i)=>{try{n.d(e,{B:()=>l});var o=n("ddf1cdb42ecc"),s=n("50d2a204ba4c"),a=t([o]),r=a.then?(await a)():a;o=r[0];function l(t){const{size:e,appearance:n,type:i,scheme:a,status:r,text:l,icon:c,iconLeft:u,iconRight:d,iconPosition:h,spacing:f,radius:g,rootClass:p,textPosition:b,loading:m,disabled:y,nativeType:S,ariaLabel:v,segment:A}=t,x=String(h||"start").toLowerCase(),w=["right","end"].includes(x),$=t.iconStart??(u||(c&&!w?c:"")),_=t.iconEnd??(d||(c&&w?c:"")),M=t.component,T=M?.hasSlotContent?.("icon-start")?M.getSlotContent("icon-start"):M?.hasSlotContent?.("icon-left")?M.getSlotContent("icon-left"):M.createIcon($),k=M?.hasSlotContent?.("icon-end")?M.getSlotContent("icon-end"):M?.hasSlotContent?.("icon-right")?M.getSlotContent("icon-right"):M.createIcon(_),L=M?.hasSlotContent?.("text")?M.getSlotContent("text"):l,C=!T&&!k;let E=T,F=k,B="";if(m){const t=t=>(0,s.le)({className:"sf-button-spinner",overlay:t});T?E=t(!1):k?F=t(!1):B=t(!0)}const N=["sf-button",`sf-button--size-${e}`,`sf-button--${n||i}`,`sf-button--${r||a}`,"flex","items-cross-center",A?`segment-${A}`:"",f&&"normal"!==f?`spacing-${f}`:"",g?`radius-${g}`:"",p,m?"loading sf-button-state-loading":""].filter(Boolean);return o.html`
         <button
                 type=${S}
                 class=${N.join(" ")}

package/distr/smart/context-menu/smart.manifest.json

@@ -554,7 +554,7 @@
       },
       {
         "path": "src/component/context-menu/scss/_css__context_menu.scss",
-        "sha256": "ef0c1029e819428e9f79afeff408bdd3fd9600fe7d0946503ceac7d0c047b702"
+        "sha256": "ceb4c7f5f9beea5b7369c6238403b43c86b9067fc234068fc1c2371df603c15e"
       },
       {
         "path": "src/component/context-menu/scss/_css__context_menu_custom.scss",

package/distr/smart/drawer/css/drawer.min.css

@@ -1 +1 @@
-@property --sf-drawer-stack-offset{syntax:"<length>";inherits:true;initial-value:0}@layer sf.components{.sf-drawer{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:var(--sf-z-index-9);z-index:var(--sf-drawer-z-index, var(--sf-z-index-9));pointer-events:none}.sf-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;background:var(--sf-black);background:var(--sf-drawer-overlay-background, var(--sf-black));opacity:var(--sf-opacity-60);opacity:var(--sf-drawer-overlay-opacity, var(--sf-opacity-60));transition:opacity var(--sf-duration-normal) var(--sf-ease-exit)}.sf-drawer.is-open .sf-drawer-overlay{transition-timing-function:var(--sf-ease-enter)}.sf-drawer:not(.is-open) .sf-drawer-overlay{opacity:var(--sf-0)}.sf-drawer.is-open .sf-drawer-overlay{pointer-events:auto}.sf-drawer-overlay[hidden]{display:none !important}.sf-drawer-panel{--sf-drawer-stack-inset: calc(var(--sf-drawer-stack-depth, 0) * var(--sf-drawer-stack-offset));position:fixed;top:0;bottom:0;inset-block:0;display:flex;flex-direction:column;width:min(var(--sf-g2),100vi);width:min(var(--sf-drawer-width, var(--sf-g2)),100vi);max-width:100vi;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;scrollbar-gutter:stable both-edges;pointer-events:auto;border-radius:var(--sf-radius--surface);border-radius:var(--sf-drawer-radius, var(--sf-radius--surface));background:var(--sf-elevation-4--surface);background:var(--sf-drawer-background, var(--sf-elevation-4--surface));--sf-on-surface-variant: var(--sf-on-elevation-4--variant);color:var(--sf-on-surface);color:var(--sf-drawer-color, var(--sf-on-surface));box-shadow:var(--sf-elevation-4--shadow);box-shadow:var(--sf-drawer-shadow, var(--sf-elevation-4--shadow));outline:0;transition:-webkit-transform var(--sf-duration-normal) var(--sf-ease-exit);transition:transform var(--sf-duration-normal) var(--sf-ease-exit);transition:transform var(--sf-duration-normal) var(--sf-ease-exit), -webkit-transform var(--sf-duration-normal) var(--sf-ease-exit)}.sf-drawer[data-sf-drawer-size="1/2"]{--sf-drawer-width: var(--sf-g0)}.sf-drawer[data-sf-drawer-size="2"]{--sf-drawer-width: var(--sf-g5)}.sf-drawer[data-sf-drawer-size=full]{--sf-drawer-width: 100vi;--sf-drawer-radius: var(--sf-0)}.sf-drawer[data-sf-drawer-placement=left] .sf-drawer-panel{left:var(--sf-drawer-stack-inset);border-right:var(--sf-px) solid var(--sf-outline-variant);border-top-left-radius:var(--sf-0);border-bottom-left-radius:var(--sf-0);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer[data-sf-drawer-placement=right] .sf-drawer-panel{right:var(--sf-drawer-stack-inset);border-left:var(--sf-px) solid var(--sf-outline-variant);border-top-right-radius:var(--sf-0);border-bottom-right-radius:var(--sf-0);-webkit-transform:translateX(100%);transform:translateX(100%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){left:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){right:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-top-left-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-top-right-radius:var(--sf-0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-bottom-left-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-bottom-right-radius:var(--sf-0)}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{inset-inline-start:var(--sf-drawer-stack-inset);-webkit-border-end:var(--sf-px) solid var(--sf-outline-variant);border-inline-end:var(--sf-px) solid var(--sf-outline-variant);border-start-start-radius:var(--sf-0);border-end-start-radius:var(--sf-0);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer:not(.is-open)[data-sf-drawer-placement=inline-start]:dir(rtl) .sf-drawer-panel{-webkit-transform:translateX(100%);transform:translateX(100%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){right:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){left:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-left:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-right:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-top-right-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-top-left-radius:var(--sf-0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-bottom-right-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-bottom-left-radius:var(--sf-0)}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{inset-inline-end:var(--sf-drawer-stack-inset);-webkit-border-start:var(--sf-px) solid var(--sf-outline-variant);border-inline-start:var(--sf-px) solid var(--sf-outline-variant);border-start-end-radius:var(--sf-0);border-end-end-radius:var(--sf-0);-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-drawer:not(.is-open)[data-sf-drawer-placement=inline-end]:dir(rtl) .sf-drawer-panel{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer.is-open .sf-drawer-panel{transition-timing-function:var(--sf-ease-enter);-webkit-transform:translateX(var(--sf-0));transform:translateX(var(--sf-0))}.sf-drawer-head{position:sticky;top:0;inset-block-start:0;z-index:1;background:inherit;display:flex;align-items:center;justify-content:space-between;gap:var(--sf-space-1);min-height:var(--sf-ui-2--control-height);padding:var(--sf-space-1) var(--sf-space-1) var(--sf-space-1\/2);padding:var(--sf-space-1) var(--sf-drawer-gutter, var(--sf-space-1)) var(--sf-space-1\/2)}.sf-drawer-title{min-width:0;overflow:hidden;color:var(--sf-on-surface);font-size:var(--sf-heading-6--size);line-height:var(--sf-heading-6--height);font-weight:var(--sf-heading--weight);text-overflow:ellipsis;white-space:nowrap}.sf-drawer-body{min-width:0;flex:1 1 auto;min-height:0;min-block-size:0;display:flex;flex-direction:column;padding:var(--sf-space-1\/2) var(--sf-space-1) var(--sf-space-3);padding:var(--sf-space-1\/2) var(--sf-drawer-gutter, var(--sf-space-1)) var(--sf-space-3)}.sf-drawer-body>*{flex:0 0 auto}.sf-drawer-body>:only-child{flex:1 1 auto;min-height:0;min-block-size:0}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel:not(:has(.sf-drawer-head)) .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-edge{--sf-drawer-edge-inset: calc( var(--sf-drawer-stack-depth, 0) * var(--sf-drawer-stack-offset) + min(var(--sf-drawer-width, var(--sf-g2)), 100vi) + var(--sf-space-1\/2) );position:absolute;top:var(--sf-space-1);inset-block-start:var(--sf-space-1);display:flex;flex-direction:column;gap:var(--sf-space-1);pointer-events:auto;z-index:1}.sf-drawer-edge:empty{display:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:var(--sf-space-1)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:var(--sf-space-1)}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:auto}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:auto}}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge:where(:dir(ltr)){left:var(--sf-space-1);right:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:var(--sf-space-1)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:var(--sf-space-1)}}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:auto}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:auto}}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge:where(:dir(rtl)){right:var(--sf-space-1);left:auto}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{inset-inline:var(--sf-space-1) auto;flex-direction:row}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge:where(:dir(ltr)){right:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge:where(:dir(rtl)){left:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{inset-inline-end:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge:where(:dir(ltr)){left:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge:where(:dir(rtl)){right:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{inset-inline-start:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=right] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=left] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}.sf-drawer-close--outside{position:static}.sf-drawer[data-sf-drawer-docked=true] .sf-drawer-overlay{display:none}.sf-drawer[data-sf-drawer-docked=true] .sf-drawer-panel{top:0;inset-block-start:0;top:0;top:var(--sf-drawer-dock-block-start, 0);inset-block-start:var(--sf-drawer-dock-block-start, 0);height:auto;border-radius:var(--sf-0);box-shadow:none}[data-sf-overlay-container],[data-sf-drawer-container]{contain:layout}_:-ms-input-placeholder, html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(ltr)){padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}_:-ms-input-placeholder, [dir="rtl"] [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}@supports not (padding-inline-start: initial){[dir="rtl"] [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(rtl)){padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}_:-ms-input-placeholder, html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(ltr)){padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}_:-ms-input-placeholder, [dir="rtl"] [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}@supports not (padding-inline-end: initial){[dir="rtl"] [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(rtl)){padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}[data-sf-drawer-dock-host]{box-sizing:border-box;-webkit-padding-start:var(--sf-0);padding-inline-start:var(--sf-0);-webkit-padding-start:var(--sf-drawer-dock-inline-start, var(--sf-0));padding-inline-start:var(--sf-drawer-dock-inline-start, var(--sf-0));-webkit-padding-end:var(--sf-0);padding-inline-end:var(--sf-0);-webkit-padding-end:var(--sf-drawer-dock-inline-end, var(--sf-0));padding-inline-end:var(--sf-drawer-dock-inline-end, var(--sf-0));transition:padding var(--sf-duration-normal) var(--sf-animation)}@media(prefers-reduced-motion: reduce){.sf-drawer-overlay,.sf-drawer-panel,[data-sf-drawer-dock-host]{transition:none}}}
+@property --sf-drawer-stack-offset{syntax:"<length>";inherits:true;initial-value:0}@layer sf.components{.sf-drawer{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:var(--sf-z-index-9);z-index:var(--sf-drawer-z-index, var(--sf-z-index-9));pointer-events:none}.sf-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;background:var(--sf-black);background:var(--sf-drawer-overlay-background, var(--sf-black));opacity:var(--sf-opacity-60);opacity:var(--sf-drawer-overlay-opacity, var(--sf-opacity-60));transition:opacity var(--sf-duration-normal) var(--sf-ease-exit)}.sf-drawer.is-open .sf-drawer-overlay{transition-timing-function:var(--sf-ease-enter)}.sf-drawer:not(.is-open) .sf-drawer-overlay{opacity:var(--sf-0)}.sf-drawer.is-open .sf-drawer-overlay{pointer-events:auto}.sf-drawer-overlay[hidden]{display:none !important}.sf-drawer-panel{--sf-drawer-stack-inset: calc(var(--sf-drawer-stack-depth, 0) * var(--sf-drawer-stack-offset));position:fixed;top:0;bottom:0;inset-block:0;display:flex;flex-direction:column;width:min(var(--sf-g2),100vi);width:min(var(--sf-drawer-width, var(--sf-g2)),100vi);max-width:100vi;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;scrollbar-gutter:stable both-edges;pointer-events:auto;border-radius:var(--sf-radius--surface);border-radius:var(--sf-drawer-radius, var(--sf-radius--surface));background:var(--sf-elevation-4--surface);background:var(--sf-drawer-background, var(--sf-elevation-4--surface));--sf-on-surface-variant: var(--sf-on-elevation-4--variant);--sf-badge--surface: var(--sf-drawer-background, var(--sf-elevation-4--surface));color:var(--sf-on-surface);color:var(--sf-drawer-color, var(--sf-on-surface));box-shadow:var(--sf-elevation-4--shadow);box-shadow:var(--sf-drawer-shadow, var(--sf-elevation-4--shadow));outline:0;transition:-webkit-transform var(--sf-duration-normal) var(--sf-ease-exit);transition:transform var(--sf-duration-normal) var(--sf-ease-exit);transition:transform var(--sf-duration-normal) var(--sf-ease-exit), -webkit-transform var(--sf-duration-normal) var(--sf-ease-exit)}.sf-drawer[data-sf-drawer-size="1/2"]{--sf-drawer-width: var(--sf-g0)}.sf-drawer[data-sf-drawer-size="2"]{--sf-drawer-width: var(--sf-g5)}.sf-drawer[data-sf-drawer-size=full]{--sf-drawer-width: 100vi;--sf-drawer-radius: var(--sf-0)}.sf-drawer[data-sf-drawer-placement=left] .sf-drawer-panel{left:var(--sf-drawer-stack-inset);border-right:var(--sf-px) solid var(--sf-outline-variant);border-top-left-radius:var(--sf-0);border-bottom-left-radius:var(--sf-0);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer[data-sf-drawer-placement=right] .sf-drawer-panel{right:var(--sf-drawer-stack-inset);border-left:var(--sf-px) solid var(--sf-outline-variant);border-top-right-radius:var(--sf-0);border-bottom-right-radius:var(--sf-0);-webkit-transform:translateX(100%);transform:translateX(100%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){left:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){right:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-top-left-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-top-right-radius:var(--sf-0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(ltr)){border-bottom-left-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel:where(:dir(rtl)){border-bottom-right-radius:var(--sf-0)}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-panel{inset-inline-start:var(--sf-drawer-stack-inset);-webkit-border-end:var(--sf-px) solid var(--sf-outline-variant);border-inline-end:var(--sf-px) solid var(--sf-outline-variant);border-start-start-radius:var(--sf-0);border-end-start-radius:var(--sf-0);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer:not(.is-open)[data-sf-drawer-placement=inline-start]:dir(rtl) .sf-drawer-panel{-webkit-transform:translateX(100%);transform:translateX(100%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{right:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){right:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{left:var(--sf-drawer-stack-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){left:var(--sf-drawer-stack-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-left:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-left:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}@supports not (border-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-right:var(--sf-px) solid var(--sf-outline-variant)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-right:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-top-right-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-top-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-top-left-radius:var(--sf-0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-right-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(ltr)){border-bottom-right-radius:var(--sf-0)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{border-bottom-left-radius:var(--sf-0)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel:where(:dir(rtl)){border-bottom-left-radius:var(--sf-0)}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-panel{inset-inline-end:var(--sf-drawer-stack-inset);-webkit-border-start:var(--sf-px) solid var(--sf-outline-variant);border-inline-start:var(--sf-px) solid var(--sf-outline-variant);border-start-end-radius:var(--sf-0);border-end-end-radius:var(--sf-0);-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-drawer:not(.is-open)[data-sf-drawer-placement=inline-end]:dir(rtl) .sf-drawer-panel{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-drawer.is-open .sf-drawer-panel{transition-timing-function:var(--sf-ease-enter);-webkit-transform:translateX(var(--sf-0));transform:translateX(var(--sf-0))}.sf-drawer-head{position:sticky;top:0;inset-block-start:0;z-index:1;background:inherit;display:flex;align-items:center;justify-content:space-between;gap:var(--sf-space-1);min-height:var(--sf-ui-2--control-height);padding:var(--sf-space-1) var(--sf-space-1) var(--sf-space-1\/2);padding:var(--sf-space-1) var(--sf-drawer-gutter, var(--sf-space-1)) var(--sf-space-1\/2)}.sf-drawer-title{min-width:0;overflow:hidden;color:var(--sf-on-surface);font-size:var(--sf-heading-6--size);line-height:var(--sf-heading-6--height);font-weight:var(--sf-heading--weight);text-overflow:ellipsis;white-space:nowrap}.sf-drawer-body{min-width:0;flex:1 1 auto;min-height:0;min-block-size:0;display:flex;flex-direction:column;padding:var(--sf-space-1\/2) var(--sf-space-1) var(--sf-space-3);padding:var(--sf-space-1\/2) var(--sf-drawer-gutter, var(--sf-space-1)) var(--sf-space-3)}.sf-drawer-body>*{flex:0 0 auto}.sf-drawer-body>:only-child{flex:1 1 auto;min-height:0;min-block-size:0}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel[\:not-has\(.sf-drawer-head\)] .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-panel:not(:has(.sf-drawer-head)) .sf-drawer-body{padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-top:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-space-1) + var(--sf-scroll-bg-width));padding-bottom:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width));padding-block:calc(var(--sf-drawer-gutter, var(--sf-space-1)) + var(--sf-scroll-bg-width))}.sf-drawer-edge{--sf-drawer-edge-inset: calc( var(--sf-drawer-stack-depth, 0) * var(--sf-drawer-stack-offset) + min(var(--sf-drawer-width, var(--sf-g2)), 100vi) + var(--sf-space-1\/2) );position:absolute;top:var(--sf-space-1);inset-block-start:var(--sf-space-1);display:flex;flex-direction:column;gap:var(--sf-space-1);pointer-events:auto;z-index:1}.sf-drawer-edge:empty{display:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:var(--sf-space-1)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:var(--sf-space-1)}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:auto}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:auto}}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge:where(:dir(ltr)){left:var(--sf-space-1);right:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:var(--sf-space-1)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{right:var(--sf-space-1)}}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:auto}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{left:auto}}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge:where(:dir(rtl)){right:var(--sf-space-1);left:auto}.sf-drawer[data-sf-drawer-size=full] .sf-drawer-edge{inset-inline:var(--sf-space-1) auto;flex-direction:row}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge:where(:dir(ltr)){right:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge:where(:dir(rtl)){left:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=inline-end] .sf-drawer-edge{inset-inline-end:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge:where(:dir(ltr)){left:var(--sf-drawer-edge-inset)}_:-ms-input-placeholder, [dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge:where(:dir(rtl)){right:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=inline-start] .sf-drawer-edge{inset-inline-start:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=right] .sf-drawer-edge{right:var(--sf-drawer-edge-inset)}.sf-drawer[data-sf-drawer-placement=left] .sf-drawer-edge{left:var(--sf-drawer-edge-inset)}.sf-drawer-close--outside{position:static}.sf-drawer[data-sf-drawer-docked=true] .sf-drawer-overlay{display:none}.sf-drawer[data-sf-drawer-docked=true] .sf-drawer-panel{top:0;inset-block-start:0;top:0;top:var(--sf-drawer-dock-block-start, 0);inset-block-start:var(--sf-drawer-dock-block-start, 0);height:auto;border-radius:var(--sf-0);box-shadow:none}[data-sf-overlay-container],[data-sf-drawer-container]{contain:layout}_:-ms-input-placeholder, html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(ltr)){padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-start, var(--sf-0))}_:-ms-input-placeholder, [dir="rtl"] [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}@supports not (padding-inline-start: initial){[dir="rtl"] [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(rtl)){padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-start, var(--sf-0))}_:-ms-input-placeholder, html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) [data-sf-drawer-dock-host]{padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(ltr)){padding-right:var(--sf-0);padding-right:var(--sf-drawer-dock-inline-end, var(--sf-0))}_:-ms-input-placeholder, [dir="rtl"] [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}@supports not (padding-inline-end: initial){[dir="rtl"] [data-sf-drawer-dock-host]{padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}}[data-sf-drawer-dock-host]:where(:dir(rtl)){padding-left:var(--sf-0);padding-left:var(--sf-drawer-dock-inline-end, var(--sf-0))}[data-sf-drawer-dock-host]{box-sizing:border-box;-webkit-padding-start:var(--sf-0);padding-inline-start:var(--sf-0);-webkit-padding-start:var(--sf-drawer-dock-inline-start, var(--sf-0));padding-inline-start:var(--sf-drawer-dock-inline-start, var(--sf-0));-webkit-padding-end:var(--sf-0);padding-inline-end:var(--sf-0);-webkit-padding-end:var(--sf-drawer-dock-inline-end, var(--sf-0));padding-inline-end:var(--sf-drawer-dock-inline-end, var(--sf-0));transition:padding var(--sf-duration-normal) var(--sf-animation)}@media(prefers-reduced-motion: reduce){.sf-drawer-overlay,.sf-drawer-panel,[data-sf-drawer-dock-host]{transition:none}}}

package/distr/smart/drawer/smart.manifest.json

@@ -602,7 +602,7 @@
       },
       {
         "path": "src/smart/drawer/scss/_smart__drawer.scss",
-        "sha256": "a4beca1986d50810f5054a06d516ea8c06429d62c26b1ce7ce7dd0210783750a"
+        "sha256": "9b40a069b6d1f65f130c808bbe98036bdb5734631a00bcf0ac3bac8bae3ec121"
       },
       {
         "path": "src/smart/drawer/rule.js",