@simai-studio/ui 0.0.0-stage → 5.20261019.1559

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

@@ -0,0 +1 @@
+(()=>{"use strict";const t=Math.min,e=Math.max,n=Math.round,o=Math.floor,i=t=>({x:t,y:t}),r={left:"right",right:"left",bottom:"top",top:"bottom"};function s(t,e){return"function"==typeof t?t(e):t}function l(t){return t.split("-")[0]}function a(t){return t.split("-")[1]}function c(t){return"x"===t?"y":"x"}function u(t){return"y"===t?"height":"width"}function f(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function d(t){return c(f(t))}function m(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const p=["left","right"],h=["right","left"],g=["top","bottom"],y=["bottom","top"];function b(t,e,n,o){const i=a(t);let r=function(t,e,n){switch(t){case"top":case"bottom":return n?e?h:p:e?p:h;case"left":case"right":return e?g:y;default:return[]}}(l(t),"start"===n,o);return i&&(r=r.map(t=>t+"-"+i),e&&(r=r.concat(r.map(m)))),r}function x(t){const e=l(t);return r[e]+t.slice(e.length)}function w(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function v(t,e,n){let{reference:o,floating:i}=t;const r=f(e),s=d(e),c=u(s),m=l(e),p="y"===r,h=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,y=o[c]/2-i[c]/2;let b;switch(m){case"top":b={x:h,y:o.y-i.height};break;case"bottom":b={x:h,y:o.y+o.height};break;case"right":b={x:o.x+o.width,y:g};break;case"left":b={x:o.x-i.width,y:g};break;default:b={x:o.x,y:o.y}}const x=a(e);return x&&(b[s]+=y*("end"===x?1:-1)*(n&&p?-1:1)),b}async function E(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:a,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:p=0}=s(e,t),h=function(t){return"number"!=typeof t?function(t){var e,n,o,i;return{top:null!=(e=t.top)?e:0,right:null!=(n=t.right)?n:0,bottom:null!=(o=t.bottom)?o:0,left:null!=(i=t.left)?i:0}}(t):{top:t,right:t,bottom:t,left:t}}(p),g=a[m?"floating"===d?"reference":"floating":d],y=w(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(g)))||n?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:u,rootBoundary:f,strategy:c})),b="floating"===d?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),v=await(null==r.isElement?void 0:r.isElement(x))&&await(null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},E=w(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:x,strategy:c}):b);return{top:(y.top-E.top+h.top)/v.y,bottom:(E.bottom-y.bottom+h.bottom)/v.y,left:(y.left-E.left+h.left)/v.x,right:(E.right-y.right+h.right)/v.x}}const A=new Set(["left","top"]);function L(){return"undefined"!=typeof window}function S(t){return C(t)?(t.nodeName||"").toLowerCase():"#document"}function T(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function R(t){var e;return null==(e=(C(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function C(t){return!!L()&&(t instanceof Node||t instanceof T(t).Node)}function k(t){return!!L()&&(t instanceof Element||t instanceof T(t).Element)}function P(t){return!!L()&&(t instanceof HTMLElement||t instanceof T(t).HTMLElement)}function W(t){return!(!L()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof T(t).ShadowRoot)}function N(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=V(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&"inline"!==i&&"contents"!==i}function O(t){return/^(table|td|th)$/.test(S(t))}function M(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const D=/transform|translate|scale|rotate|perspective|filter/,F=/paint|layout|strict|content/,H=t=>!!t&&"none"!==t;let q;function B(t){const e=k(t)?V(t):t;return H(e.transform)||H(e.translate)||H(e.scale)||H(e.rotate)||H(e.perspective)||!z()&&(H(e.backdropFilter)||H(e.filter))||D.test(e.willChange||"")||F.test(e.contain||"")}function z(){return null==q&&(q="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),q}function $(t){return/^(html|body|#document)$/.test(S(t))}function V(t){return T(t).getComputedStyle(t)}function _(t){return k(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function U(t){if("html"===S(t))return t;const e=t.assignedSlot||t.parentNode||W(t)&&t.host||R(t);return W(e)?e.host:e}function j(t){const e=U(t);return $(e)?(t.ownerDocument||t).body:P(e)&&N(e)?e:j(e)}function X(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=j(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),s=T(i);if(r){const t=I(s);return e.concat(s,s.visualViewport||[],N(i)?i:[],t&&n?X(t):[])}return e.concat(i,X(i,[],n))}function I(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Y(t){const e=V(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=P(t),s=r?t.offsetWidth:o,l=r?t.offsetHeight:i,a=n(o)!==s||n(i)!==l;return a&&(o=s,i=l),{width:o,height:i,$:a}}function G(t){return k(t)?t:t.contextElement}function J(t){const e=G(t);if(!P(e))return i(1);const o=e.getBoundingClientRect(),{width:r,height:s,$:l}=Y(e);let a=(l?n(o.width):o.width)/r,c=(l?n(o.height):o.height)/s;return a&&Number.isFinite(a)||(a=1),c&&Number.isFinite(c)||(c=1),{x:a,y:c}}const K=i(0);function Q(t){const e=T(t);return z()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:K}function Z(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),s=G(t);let l=i(1);e&&(o?k(o)&&(l=J(o)):l=J(t));const a=function(t,e,n){return void 0===e&&(e=!1),!!n&&e&&n===T(t)}(s,n,o)?Q(s):i(0);let c=(r.left+a.x)/l.x,u=(r.top+a.y)/l.y,f=r.width/l.x,d=r.height/l.y;if(s&&o){const t=T(s),e=k(o)?T(o):o;let n=t,i=I(n);for(;i&&e!==n;){const t=J(i),e=i.getBoundingClientRect(),o=V(i),r=e.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,s=e.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;c*=t.x,u*=t.y,f*=t.x,d*=t.y,c+=r,u+=s,n=T(i),i=I(n)}}return w({width:f,height:d,x:c,y:u})}function tt(t,e){const n=_(t).scrollLeft;return e?e.left+n:Z(R(t)).left+n}function et(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-tt(t,n),y:n.top+e.scrollTop}}function nt(t,n,o){let i;if("viewport"===n||"layoutViewport"===n)i=function(t,e,n){void 0===n&&(n="viewport");const o="layoutViewport"===n,i=T(t),r=R(t),s=i.visualViewport;let l=r.clientWidth,a=r.clientHeight,c=0,u=0;if(s){const t=!z()||"fixed"===e;o?t||(c=-s.offsetLeft,u=-s.offsetTop):(l=s.width,a=s.height,t&&(c=s.offsetLeft,u=s.offsetTop))}if(tt(r)<=0){const t=r.ownerDocument,e=t.body,n=getComputedStyle(e),o="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,i=Math.abs(r.clientWidth-e.clientWidth-o),s="stable both-edges"===getComputedStyle(r).scrollbarGutter?i/2:i;s<=25&&(l-=s)}return{width:l,height:a,x:c,y:u}}(t,o,n);else if("document"===n)i=function(t){const n=_(t),o=t.ownerDocument.body,i=e(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),r=e(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+tt(t);const l=-n.scrollTop;return"rtl"===V(o).direction&&(s+=e(t.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:l}}(R(t));else if(k(n))i=function(t,e){const n=Z(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=J(t);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(n,o);else{const e=Q(t);i={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return w(i)}function ot(t,e,n){const o=P(e),r=R(e),s="fixed"===n,l=Z(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const c=i(0);if((o||!s)&&(("body"!==S(e)||N(r))&&(a=_(e)),o)){const t=Z(e,!0,s,e);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}!o&&r&&(c.x=tt(r));const u=!r||o||s?i(0):et(r,a);return{x:l.left+a.scrollLeft-c.x-u.x,y:l.top+a.scrollTop-c.y-u.y,width:l.width,height:l.height}}function it(t){return"static"===V(t).position}function rt(t,e){if(!P(t)||"fixed"===V(t).position)return null;if(e)return e(t);let n=t.offsetParent;return R(t)===n&&(n=n.ownerDocument.body),n}function st(t,e){const n=T(t);if(M(t))return n;if(!P(t)){let e=U(t);for(;e&&!$(e);){if(k(e)&&!it(e))return e;e=U(e)}return n}let o=rt(t,e);for(;o&&O(o)&&it(o);)o=rt(o,e);return o&&$(o)&&it(o)&&!B(o)?n:o||function(t){let e=U(t);for(;P(e)&&!$(e);){if(B(e))return e;if(M(e))return null;e=U(e)}return null}(t)||n}const lt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const s="fixed"===r,l=R(o),a=!!e&&M(e.floating);if(o===l||a&&s)return n;let c={scrollLeft:0,scrollTop:0},u=i(1);const f=i(0),d=P(o);if((d||!s)&&(("body"!==S(o)||N(l))&&(c=_(o)),d)){const t=Z(o);u=J(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!l||d||s?i(0):et(l,c);return{width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-c.scrollLeft*u.x+f.x+m.x,y:n.y*u.y-c.scrollTop*u.y+f.y+m.y}},getDocumentElement:R,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:s}=n;const l=[..."clippingAncestors"===i?M(o)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=X(t,[],!1).filter(t=>k(t)&&"body"!==S(t)),i=null;const r="fixed"===V(t).position;let s=r?U(t):t;for(;k(s)&&!$(s);){const t=V(s),e=B(s),n=i?i.position:r?"fixed":"";e||"fixed"!==n&&("absolute"!==n||"static"!==t.position)?i=t:o=o.filter(t=>t!==s),s=U(s)}return e.set(t,o),o}(o,this._c):[].concat(i),r],a=nt(o,l[0],s);let c=a.top,u=a.right,f=a.bottom,d=a.left;for(let n=1;n<l.length;n++){const i=nt(o,l[n],s);c=e(i.top,c),u=t(i.right,u),f=t(i.bottom,f),d=e(i.left,d)}return{width:u-d,height:f-c,x:d,y:c}},getOffsetParent:st,getElementRects:async function(t){const e=this.getOffsetParent||st,n=this.getDimensions,o=await n(t.floating);return{reference:ot(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return t.getClientRects?Array.from(t.getClientRects()):[]},getDimensions:function(t){const{width:e,height:n}=Y(t);return{width:e,height:n}},getScale:J,isElement:k,isRTL:function(t){return"rtl"===V(t).direction}};function at(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function ct(n,i,r,s){void 0===s&&(s={});const{ancestorScroll:l=!0,ancestorResize:a=!0,elementResize:c="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=s,d=G(n),m=l||a?[...d?X(d):[],...i?X(i):[]]:[];m.forEach(t=>{l&&t.addEventListener("scroll",r),a&&t.addEventListener("resize",r)});const p=d&&u?function(n,i,r){let s,l=null;const a=R(n);function c(){var t;clearTimeout(s),null==(t=l)||t.disconnect(),l=null}function u(r,f){void 0===r&&(r=!1),void 0===f&&(f=1),c();const d=n.getBoundingClientRect(),{left:m,top:p,width:h,height:g}=d;if(r||i(),!h||!g)return;const y={rootMargin:-o(p)+"px "+-o(a.clientWidth-(m+h))+"px "+-o(a.clientHeight-(p+g))+"px "+-o(m)+"px",threshold:e(0,t(1,f))||1};let b=!0;function x(t){const e=t[0].intersectionRatio;if(!at(d,n.getBoundingClientRect()))return u();if(e!==f){if(!b)return u();e?u(!1,e):s=setTimeout(()=>{u(!1,1e-7)},1e3)}b=!1}try{l=new IntersectionObserver(x,{...y,root:a.ownerDocument})}catch(t){l=new IntersectionObserver(x,y)}l.observe(n)}const f=T(n),d=()=>u(r);return f.addEventListener("resize",d),u(!0),()=>{f.removeEventListener("resize",d),c()}}(d,r,a):null;let h,g=-1,y=null;c&&(y=new ResizeObserver(t=>{let[e]=t;e&&e.target===d&&y&&i&&(y.unobserve(i),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var t;null==(t=y)||t.observe(i)})),r()}),d&&!f&&y.observe(d),i&&y.observe(i));let b=f?Z(n):null;return f&&function t(){const e=Z(n);b&&!at(b,e)&&r();b=e,h=requestAnimationFrame(t)}(),r(),()=>{var t;m.forEach(t=>{l&&t.removeEventListener("scroll",r),a&&t.removeEventListener("resize",r)}),null==p||p(),null==(t=y)||t.disconnect(),y=null,f&&cancelAnimationFrame(h)}}const ut=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:c,middlewareData:u}=e,d=await async function(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),c=l(n),u=a(n),d="y"===f(n),m=A.has(c)?-1:1,p=r&&d?-1:1,h=s(e,t);let{mainAxis:g,crossAxis:y,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return u&&"number"==typeof b&&(y="end"===u?-1*b:b),d?{x:y*p,y:g*m}:{x:g*m,y:y*p}}(e,t);return c===(null==(n=u.offset)?void 0:n.placement)&&null!=(o=u.arrow)&&o.alignmentOffset?{}:{x:i+d.x,y:r+d.y,data:{...d,placement:c}}}}},ft=function(n){return void 0===n&&(n={}),{name:"shift",options:n,async fn(o){const{x:i,y:r,placement:l,platform:a}=o,{mainAxis:u=!0,crossAxis:d=!1,limiter:m={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...p}=s(n,o),h={x:i,y:r},g=await a.detectOverflow(o,p),y=f(l),b=c(y);let x=h[b],w=h[y];const v=(n,o)=>{return i=o+g["y"===n?"top":"left"],r=o,s=o-g["y"===n?"bottom":"right"],e(i,t(r,s));var i,r,s};u&&(x=v(b,x)),d&&(w=v(y,w));const E=m.fn({...o,[b]:x,[y]:w});return{...E,data:{x:E.x-i,y:E.y-r,enabled:{[b]:u,[y]:d}}}}}},dt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:c,initialPlacement:p,platform:h,elements:g}=e,{mainAxis:y=!0,crossAxis:w=!0,fallbackPlacements:v,fallbackStrategy:E="bestFit",fallbackAxisSideDirection:A="none",flipAlignment:L=!0,...S}=s(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const T=l(i),R=f(p),C=l(p)===p,k=await(null==h.isRTL?void 0:h.isRTL(g.floating)),P=v||(C||!L?[x(p)]:function(t){const e=x(t);return[m(t),e,m(e)]}(p)),W="none"!==A;!v&&W&&P.push(...b(p,L,A,k));const N=[p,...P],O=await h.detectOverflow(e,S),M=[];let D=(null==(o=r.flip)?void 0:o.overflows)||[];if(y&&M.push(O[T]),w){const t=function(t,e,n){void 0===n&&(n=!1);const o=a(t),i=d(t),r=u(i);let s="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=x(s)),[s,x(s)]}(i,c,k);M.push(O[t[0]],O[t[1]])}if(D=[...D,{placement:i,overflows:M}],!M.every(t=>t<=0)){var F,H;const t=((null==(F=r.flip)?void 0:F.index)||0)+1,e=N[t];if(e){if(!("alignment"===w&&R!==f(e))||D.every(t=>f(t.placement)!==R||t.overflows[0]>0))return{data:{index:t,overflows:D},reset:{placement:e}}}let n=null==(H=D.filter(t=>t.overflows[0]<=0).sort((t,e)=>t.overflows[1]-e.overflows[1])[0])?void 0:H.placement;if(!n)switch(E){case"bestFit":{var q;const t=null==(q=D.filter(t=>{if(W){const e=f(t.placement);return e===R||"y"===e}return!0}).map(t=>[t.placement,t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)]).sort((t,e)=>t[1]-e[1])[0])?void 0:q[0];t&&(n=t);break}case"initialPlacement":n=p}if(i!==n)return{reset:{placement:n}}}return{}}}},mt=function(n){return void 0===n&&(n={}),{name:"size",options:n,async fn(o){const{placement:i,rects:r,platform:c,elements:u}=o,{apply:d=()=>{},...m}=s(n,o),p=await c.detectOverflow(o,m),h=l(i),g=a(i),y="y"===f(i),{width:b,height:x}=r.floating;let w,v;"top"===h||"bottom"===h?(w=h,v=g===(await(null==c.isRTL?void 0:c.isRTL(u.floating))?"start":"end")?"left":"right"):(v=h,w="end"===g?"top":"bottom");const E=x-p.top-p.bottom,A=b-p.left-p.right,L=t(x-p[w],E),S=t(b-p[v],A),T=o.middlewareData.shift,R=!T;let C=L,k=S;null!=T&&T.enabled.x&&(k=A),null!=T&&T.enabled.y&&(C=E),R&&!g&&(y?k=b-2*e(p.left,p.right):C=x-2*e(p.top,p.bottom)),await d({...o,availableWidth:k,availableHeight:C});const P=await c.getDimensions(u.floating);return b!==P.width||x!==P.height?{reset:{rects:!0}}:{}}}},pt=(t,e,n)=>{const o=new Map,i=null!=n?n:{},r={...lt,...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,l=s.detectOverflow?s:{...s,detectOverflow:E},a=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:f}=v(c,o,a),d=o,m=0;const p={};for(let n=0;n<r.length;n++){const h=r[n];if(!h)continue;const{name:g,fn:y}=h,{x:b,y:x,data:w,reset:E}=await y({x:u,y:f,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:c,platform:l,elements:{reference:t,floating:e}});u=null!=b?b:u,f=null!=x?x:f,p[g]={...p[g],...w},E&&m<50&&(m++,"object"==typeof E&&(E.placement&&(d=E.placement),E.rects&&(c=!0===E.rects?await s.getElementRects({reference:t,floating:e,strategy:i}):E.rects),({x:u,y:f}=v(c,d,a))),n=-1)}return{x:u,y:f,placement:d,strategy:i,middlewareData:p}})(t,e,{...i,platform:r})},ht=["block-start","block-end","inline-start","inline-end"],gt=["start","center","end"];function yt(t="block-end",e="start",n=!1){if(!ht.includes(t))throw new TypeError(`Unknown placement side: ${t}`);if(!gt.includes(e))throw new TypeError(`Unknown placement alignment: ${e}`);const o="block-start"===t?"top":"block-end"===t?"bottom":"inline-start"===t?n?"right":"left":n?"left":"right";return"center"===e?o:`${o}-${e}`}function bt(t,e=!1){const n=String(t).split("-")[0];return"top"===n?"block-start":"bottom"===n?"block-end":"left"===n?e?"inline-end":"inline-start":e?"inline-start":"inline-end"}function xt(t,e=document.body){if("number"==typeof t)return Number.isFinite(t)?t:0;if("string"!=typeof t||""===t.trim())return 0;const n=document.createElement("span");n.style.cssText="position:absolute;visibility:hidden;pointer-events:none;block-size:0;padding:0;border:0",n.style.inlineSize=t,(e?.isConnected?e:document.body).append(n);const o=parseFloat(getComputedStyle(n).width)||0;return n.remove(),o}const wt=Object.freeze({anchor:function(t,e,n={}){if(!(t instanceof Element&&e instanceof HTMLElement))throw new TypeError("Anchored positioning needs a reference element and a floating element");const o={side:"block-end",align:"start",offset:"var(--sf-space-1\\/4)",alignmentOffset:0,padding:"var(--sf-space-1\\/2)",flip:!0,shift:!0,matchWidth:!1,fitHeight:!0,autoUpdate:!0,onPosition:null,...n},i=["position","left","top","right","bottom","margin","max-height","max-width",...o.matchWidth?["width"]:[]].map(t=>[t,e.style.getPropertyValue(t),e.style.getPropertyPriority(t)]),r={maxHeight:e.style.getPropertyValue("max-height")},s=getComputedStyle(e),l=(t,e)=>{const n=parseFloat(t);return Number.isFinite(n)?String(t).trim().endsWith("%")?n/100*e:n:1/0},a=l(s.maxHeight,document.documentElement.clientHeight),c=l(s.maxWidth,document.documentElement.clientWidth),u={side:o.side,stopped:!1};let f=null,d=!1;const m=async()=>{const n="rtl"===getComputedStyle(t).direction;const i=xt(o.offset,t.parentElement),s=xt(o.padding,t.parentElement);o.fitHeight&&(e.style.maxHeight=r.maxHeight||"");const l=t.getBoundingClientRect(),f=document.documentElement.clientWidth,d={top:s,bottom:s,left:Math.min(s,Math.max(0,l.left)),right:Math.min(s,Math.max(0,f-l.right))},m=[ut({mainAxis:i,alignmentAxis:xt(o.alignmentOffset,t.parentElement)})];o.flip&&m.push(dt({padding:s,crossAxis:!1})),o.shift&&m.push(ft({padding:d,crossAxis:!1})),m.push(mt({padding:d,apply({availableWidth:t,availableHeight:e,rects:n,elements:i}){if(u.stopped)return;const r=f-d.left-d.right;o.matchWidth&&(i.floating.style.width=`${Math.max(0,Math.min(n.reference.width,r))}px`),i.floating.style.maxWidth=`${Math.max(0,Math.min(t,r,c))}px`,o.fitHeight&&(i.floating.style.maxHeight=`${Math.max(0,Math.min(e,a))}px`)}}));const p=await pt(t,e,{strategy:"fixed",placement:yt(o.side,o.align,n),middleware:m});return u.stopped||(Object.assign(e.style,{position:"fixed",left:`${p.x}px`,top:`${p.y}px`,right:"auto",bottom:"auto",margin:"0"}),u.side=bt(p.placement,n),e.dataset.sfSide=u.side,o.onPosition?.({side:u.side,placement:p.placement,x:p.x,y:p.y})),p};u.update=()=>u.stopped?Promise.resolve(null):f?(d=!0,f):(f=m().finally(()=>{f=null,d&&!u.stopped&&(d=!1,u.update())}),f);const p=o.autoUpdate?ct(t,e,u.update):null;return u.stop=()=>{u.stopped=!0,p?.(),delete e.dataset.sfSide;for(const[t,n,o]of i)n?e.style.setProperty(t,n,o):e.style.removeProperty(t)},o.autoUpdate||u.update(),u},logicalSide:bt,physicalPlacement:yt,resolveLength:xt});"undefined"!=typeof globalThis&&(globalThis.SF=globalThis.SF||{},globalThis.SF.Position||(globalThis.SF.Position=wt));const vt=wt,Et=new WeakMap,At=".sf-menu-item",Lt="sfMenuBound",St="sfMenuEventsBound",Tt=["icon","trailing-icon","text","expanded","aria-expanded","disabled"],Rt=new WeakSet,Ct=new WeakMap,kt=new WeakSet,Pt=new WeakSet,Wt=new WeakSet,Nt=new WeakSet;let Ot=0;function Mt(t,e=!1){return null==t||""===t?e:"boolean"==typeof t?t:["1","true","yes","on"].includes(String(t).toLowerCase())}function Dt(t){const e=t.getAttribute("text");if(e)return e;const n=t.querySelector(":scope > .sf-menu-element > .sf-menu-element-wrap .sf-menu-element-text");return n?n.textContent?.trim()||"":Array.from(t.childNodes).filter(t=>t.nodeType===Node.TEXT_NODE).map(t=>t.textContent||"").join(" ").replace(/\s+/g," ").trim()}function Ft(t){const e=t.querySelector(":scope > .sf-menu");return Boolean(e)}function Ht(t){return t?.parentElement?.matches(".sf-menu.sf-menu--horizontal")||!1}function qt(t){const e=t?.closest(".sf-menu.sf-menu--horizontal"),n=t?.querySelector(":scope > .sf-menu");if(!e||!n||n.hidden||!t.classList.contains("open"))return;const o=Et.get(n);if(o)return void o.anchor.update();const i=["min-width","overflow-y"].map(t=>[t,n.style.getPropertyValue(t),n.style.getPropertyPriority(t)]);n.style.minWidth=`${t.getBoundingClientRect().width}px`,n.style.overflowY="auto";const r=Ht(t),s=(globalThis.SF?.Position||vt).anchor(t,n,{side:r?"block-end":"inline-end",align:"start",offset:0,fitHeight:!0});Et.set(n,{anchor:s,saved:i})}function Bt(t,e,n,o){const i=t.classList.contains("disabled")||t.hasAttribute("disabled");e.classList.remove("sf-menu-element--level-1","sf-menu-element--level-2","sf-menu-element--level-3","sf-menu-element--level-4"),e.classList.add(function(t){const e=Array.from(t.classList).find(t=>t.startsWith("sf-menu-element--level-"));if(e)return e;const n=Array.from(t.classList).find(t=>t.startsWith("sf-menu-item--level-"));if(n)return n.replace("sf-menu-item--","sf-menu-element--");let o=1,i=t.parentElement?.closest(".sf-menu");for(;i;){const t=i.parentElement?.closest(".sf-menu-item");if(!t)break;o+=1,i=t.parentElement?.closest(".sf-menu")}return`sf-menu-element--level-${Math.min(Math.max(o,1),4)}`}(t)),e.classList.toggle("open",n),e.classList.toggle("sf-menu-element--has-submenu",o),e.classList.toggle("disabled",i),e instanceof HTMLButtonElement&&(e.disabled=i)}function zt(t,e,n,o,i){const r=t.querySelector(":scope > .sf-menu"),s=n||(i?e:null);if(!r||!s)return e.removeAttribute("aria-expanded"),void e.removeAttribute("aria-controls");s.setAttribute("aria-expanded",String(o)),s.setAttribute("aria-controls",function(t){return t.id||(Ot+=1,t.id=`sf-menu-submenu-${Ot}`),t.id}(r)),r.hidden=!o,n&&(e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"))}function $t(t,e){if(!t||t.classList.contains("disabled")||t.hasAttribute("disabled"))return!1;if(!t.querySelector(":scope > .sf-menu"))return!1;e&&function(t){Ht(t)&&Array.from(t.parentElement.children).forEach(e=>{e!==t&&e.matches(".sf-menu-item.open")&&$t(e,!1)})}(t);const n=t.hasAttribute("aria-expanded");return e?(t.classList.add("open"),Nt.has(t)&&t.setAttribute("expanded",""),n&&t.setAttribute("aria-expanded","true")):(!function(t){t?.closest(".sf-menu.sf-menu--horizontal")&&Array.from(t.querySelectorAll(".sf-menu-item.open")).reverse().forEach(t=>{$t(t,!1)})}(t),function(t){const e=t?.querySelector(":scope > .sf-menu"),n=e&&Et.get(e);if(n){n.anchor.stop();for(const[t,o,i]of n.saved)o?e.style.setProperty(t,o,i):e.style.removeProperty(t);Et.delete(e)}}(t),t.classList.remove("open"),Nt.has(t)&&t.removeAttribute("expanded"),n&&t.setAttribute("aria-expanded","false")),_t(t),e&&requestAnimationFrame(()=>qt(t)),!0}function Vt(t){return $t(t,!t?.classList.contains("open"))}function _t(t){if(!t)return;t.hasAttribute("expanded")&&Nt.add(t);const e=function(t){return t.classList.contains("open")||t.hasAttribute("expanded")||Mt(t.getAttribute("expanded"))||Mt(t.getAttribute("aria-expanded"))}(t),n=Ft(t),o=function(t,e){let n=t.querySelector(":scope > .sf-menu-element");if(n){if(kt.has(n)&&n.matches(e?":not(button)":"button")){const t=document.createElement(e?"button":"span");for(t.className=n.className,e&&(t.type="button");n.firstChild;)t.append(n.firstChild);n.replaceWith(t),kt.delete(n),kt.add(t),n=t}}else n=document.createElement(e?"button":"span"),n.className="sf-menu-element",e&&(n.type="button"),kt.add(n),t.prepend(n);return n}(t,n),i=function(t){let e=t.querySelector(":scope > .sf-menu-element-wrap");if(!e){e=document.createElement("span"),e.className="sf-menu-element-wrap";const n=t.querySelector(":scope > .sf-menu-element-icon"),o=t.querySelector(":scope > .sf-menu-element-text");n&&e.append(n),o&&e.append(o);const i=Array.from(t.childNodes).filter(t=>t.nodeType===Node.TEXT_NODE&&t.textContent?.trim());if(i.length>0){const t=document.createElement("span");t.className="sf-menu-element-text",t.textContent=i.map(t=>t.textContent||"").join(" ").replace(/\s+/g," ").trim(),i.forEach(t=>t.remove()),e.append(t)}t.prepend(e)}return e}(o),r=n&&o.querySelector(":scope > button.sf-icon-button"),s=n&&!function(t){return t.matches("button, a[href], input, select, textarea")}(o)&&!r;if(t.dataset[Lt]="true",t.classList.add("sf-menu-item"),t.classList.toggle("sf-menu-item--has-submenu",n),t.classList.toggle("open",e&&n),s&&!o.hasAttribute("role")?(o.setAttribute("role","button"),Rt.add(o)):!s&&Rt.has(o)&&("button"===o.getAttribute("role")&&o.removeAttribute("role"),Rt.delete(o)),Ct.has(o)&&o.getAttribute("tabindex")!==Ct.get(o)&&Ct.delete(o),!s||o.hasAttribute("tabindex")&&!Ct.has(o))!s&&Ct.has(o)&&(o.removeAttribute("tabindex"),Ct.delete(o));else{const e=t.hasAttribute("disabled")||t.classList.contains("disabled")?"-1":"0";o.setAttribute("tabindex",e),Ct.set(o,e)}if(function(t,e){const n=t.getAttribute("icon")||"";let o=e.querySelector(".sf-menu-element-icon");n?(o||(o=document.createElement("span"),o.className="sf-icon sf-menu-element-icon",Pt.add(o),e.prepend(o)),o.textContent=n):o&&Pt.has(o)&&o.remove()}(t,i),function(t,e){const n=Dt(t);let o=e.querySelector(".sf-menu-element-text");o||(o=document.createElement("span"),o.className="sf-menu-element-text",e.append(o)),o.textContent=n}(t,i),function(t){Array.from(t.childNodes).forEach(t=>{t.nodeType===Node.TEXT_NODE&&t.remove()})}(t),Bt(t,o,e,n),zt(t,o,r,e,n),n){const n=function(t){let e=t.querySelector(":scope > .sf-icon-button");return e||(e=document.createElement("span"),e.className="sf-icon-button",e.innerHTML='<span class="sf-icon" aria-hidden="true"></span>',Wt.add(e),t.append(e)),e.classList.add("sf-icon-button"),"BUTTON"!==e.tagName&&e.setAttribute("aria-hidden","true"),e}(o);!function(t,e,n){const o=Ht(e),i=e.getAttribute("trailing-icon")||(o?n?"keyboard_arrow_up":"keyboard_arrow_down":n?"keyboard_arrow_down":"chevron_right");t.classList.toggle("disabled",e.classList.contains("disabled")||e.hasAttribute("disabled")),"BUTTON"===t.tagName&&(t.disabled=e.classList.contains("disabled")||e.hasAttribute("disabled"),t.setAttribute("aria-expanded",String(n)),t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby")||t.setAttribute("aria-label",Dt(e)));const r=t.querySelector(".sf-icon");r&&(r.textContent=i)}(n,t,e)}else!function(t){const e=t.querySelector(":scope > .sf-icon-button");e&&Wt.has(e)&&e.remove()}(o)}function Ut(t){t&&t.dataset[Lt],_t(t)}function jt(t=document){(t instanceof Element&&t.matches(At)?[t]:Array.from(t.querySelectorAll?.(At)||[])).forEach(Ut)}function Xt(){jt(document),new MutationObserver(t=>{t.forEach(t=>{"attributes"===t.type&&t.target instanceof Element?t.target.matches(At)&&_t(t.target):(t.target instanceof Element&&t.target.matches(At)&&[...t.addedNodes,...t.removedNodes].some(t=>t instanceof Element&&t.matches(".sf-menu"))&&_t(t.target),t.addedNodes.forEach(t=>{t instanceof Element&&jt(t)}))})}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:Tt}),"true"!==document.body.dataset[St]&&(document.body.dataset[St]="true",document.addEventListener("click",t=>{const e=t.target;if(!(e instanceof Element))return;document.querySelectorAll(".sf-menu.sf-menu--horizontal > .sf-menu-item.open").forEach(t=>{t.contains(e)||$t(t,!1)});const n=e.closest(".sf-menu-item > .sf-menu-element > .sf-icon-button");if(n)return t.preventDefault(),t.stopPropagation(),void Vt(n.closest(".sf-menu-item"));const o=e.closest(".sf-menu-item > .sf-menu-element");o&&(e.closest(".sf-icon-button")||e.closest("a[href], button, input, select, textarea")===o&&Vt(o.closest(".sf-menu-item")))}),document.addEventListener("keydown",t=>{const e=t.target;if(!(e instanceof Element))return;if("Escape"===t.key){const n=e.closest(".sf-menu-item.open");if(!n||!n.closest(".sf-menu.sf-menu--horizontal"))return;return t.preventDefault(),$t(n,!1),void function(t){const e=t?.querySelector(":scope > .sf-menu-element");return e?e.querySelector(":scope > button.sf-icon-button")||e:null}(n)?.focus()}if("Enter"!==t.key&&" "!==t.key)return;const n=e.closest(".sf-menu-item > .sf-menu-element");if(!n)return;const o=e.closest("a[href], button, input, select, textarea");if(o&&o!==n&&!o.classList.contains("sf-icon-button"))return;const i=n.closest(".sf-menu-item");Ft(i)&&(t.preventDefault(),Vt(i))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",Xt,{once:!0}):Xt()})();

package/distr/component/menu/json/menu.utility.json

@@ -0,0 +1,27 @@
+{
+  ".sf-menu": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1/3)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-menu .sf-menu-item": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-menu-item--gap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-menu-element .sf-menu-element-wrap": [
+    "flex/1 (.flex-1)",
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-menu-element-wrap--gap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/modal/css/modal.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-modal-focus-guard{position:fixed;width:0;inline-size:0;height:0;block-size:0;overflow:hidden;pointer-events:none}[data-sf-overlay-container]{contain:layout}.sf-modal{--sf-modal-overlay-background: var(--sf-black, #000);--sf-modal-overlay-opacity: var(--sf-opacity-60, 0.6);--sf-modal-iframe-min-height: var(--sf-g2)}.sf-modal[data-sf-modal-position=left],.sf-modal[data-sf-modal-position=right],.sf-modal[data-sf-modal-position=inline-start],.sf-modal[data-sf-modal-position=inline-end]{align-items:stretch;padding:0}.sf-modal[data-sf-modal-position=left]{justify-content:flex-start}.sf-modal[data-sf-modal-position=right]{justify-content:flex-end}.sf-modal[data-sf-modal-position=inline-start]{justify-content:flex-start}.sf-modal[data-sf-modal-position=inline-end]{justify-content:flex-end}.sf-modal[data-sf-modal-position=top],.sf-modal[data-sf-modal-position=bottom]{justify-content:stretch;padding:0}.sf-modal[data-sf-modal-position=top]{align-items:flex-start}.sf-modal[data-sf-modal-position=bottom]{align-items:flex-end}.sf-modal[data-sf-modal-position=left] [data-sf-modal-panel],.sf-modal[data-sf-modal-position=right] [data-sf-modal-panel],.sf-modal[data-sf-modal-position=inline-start] [data-sf-modal-panel],.sf-modal[data-sf-modal-position=inline-end] [data-sf-modal-panel]{display:flex;max-width:min(100%,auto);max-width:min(100%,var(--sf-modal-drawer-width, auto));min-height:100%;width:auto;width:var(--sf-modal-drawer-width, auto)}.sf-modal[data-sf-modal-position=top] [data-sf-modal-panel],.sf-modal[data-sf-modal-position=bottom] [data-sf-modal-panel]{display:flex;max-height:min(100%,100vh);max-height:min(100%,var(--sf-modal-drawer-height, 100vh));min-width:100%}.sf-modal[data-sf-modal-position=left] [data-sf-modal-surface],.sf-modal[data-sf-modal-position=right] [data-sf-modal-surface],.sf-modal[data-sf-modal-position=inline-start] [data-sf-modal-surface],.sf-modal[data-sf-modal-position=inline-end] [data-sf-modal-surface],.sf-modal[data-sf-modal-position=top] [data-sf-modal-surface],.sf-modal[data-sf-modal-position=bottom] [data-sf-modal-surface]{flex:1}.sf-modal-header{--sf-modal-header-gap: var(--sf-space-1);gap:var(--sf-modal-header-gap)}.sf-modal-surface{--sf-modal-surface-bg: var(--sf-modal-background-color, var(--sf-surface-1, #fff));--sf-modal-surface-border-color: var(--sf-modal-border-color, var(--sf-outline-variant, transparent));--sf-modal-surface-border-style: solid;--sf-modal-surface-border-width: var(--sf-modal-border-width, var(--sf-border-width, var(--sf-px)));--sf-modal-surface-gap: var(--sf-modal-gap, var(--sf-space-1));--sf-modal-surface-padding: var(--sf-modal-padding-block, var(--sf-space-2)) var(--sf-modal-padding-inline, var(--sf-space-2));--sf-modal-surface-radius: var(--sf-modal-radius, var(--sf-radius--surface));--sf-modal-surface-shadow: none;background-color:var(--sf-modal-surface-bg);border:var(--sf-modal-surface-border-width) var(--sf-modal-surface-border-style) var(--sf-modal-surface-border-color);border-radius:var(--sf-modal-surface-radius);box-shadow:var(--sf-modal-surface-shadow);gap:var(--sf-modal-surface-gap);min-width:0;padding:var(--sf-modal-surface-padding)}.sf-modal-surface--elevated{--sf-modal-surface-bg: var(--sf-modal-background-color, var(--sf-elevation-3--surface));--sf-on-surface-variant: var(--sf-on-elevation-3--variant);--sf-modal-surface-shadow: var(--sf-elevation-3--shadow)}.sf-modal [data-sf-modal-overlay]{background-color:var(--sf-modal-overlay-background);opacity:var(--sf-modal-overlay-opacity);transition:opacity var(--sf-duration-normal) var(--sf-animation)}.sf-modal[data-sf-modal-state=opening] [data-sf-modal-overlay]{opacity:0}.sf-modal[data-sf-modal-state=closing] [data-sf-modal-overlay]{opacity:0}.sf-modal[data-sf-modal-hidden=true]{pointer-events:none}.sf-modal[data-sf-modal-hidden=true] [data-sf-modal-overlay]{opacity:0;pointer-events:none}.sf-modal [data-sf-modal-panel]{opacity:0}.sf-modal.animate [data-sf-modal-panel]{transition:opacity var(--sf-duration-normal) var(--sf-animation),-webkit-transform var(--sf-duration-normal) var(--sf-animation);transition:transform var(--sf-duration-normal) var(--sf-animation),opacity var(--sf-duration-normal) var(--sf-animation);transition:transform var(--sf-duration-normal) var(--sf-animation),opacity var(--sf-duration-normal) var(--sf-animation),-webkit-transform var(--sf-duration-normal) var(--sf-animation);will-change:transform,opacity}.sf-modal[data-sf-modal-position=left] [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-position=right] [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-position=inline-start] [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-position=inline-end] [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-position=inline-start]:dir(rtl) [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-position=inline-end]:dir(rtl) [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-position=top] [data-sf-modal-panel]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sf-modal[data-sf-modal-position=bottom] [data-sf-modal-panel]{-webkit-transform:translateY(100%);transform:translateY(100%)}.sf-modal[data-sf-modal-position=center] [data-sf-modal-panel]{-webkit-transform:translateY(var(--sf-space-1\/2)) scale(0.98);transform:translateY(var(--sf-space-1\/2)) scale(0.98)}.sf-modal[data-sf-modal-state=opening] [data-sf-modal-panel]{opacity:0}.sf-modal[data-sf-modal-state=open] [data-sf-modal-panel]{opacity:1;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}.sf-modal[data-sf-modal-state=closing] [data-sf-modal-panel]{opacity:0}.sf-modal[data-sf-modal-state=inline] [data-sf-modal-panel]{opacity:1;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=left] [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=right] [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=inline-start] [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=inline-end] [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=inline-start]:dir(rtl) [data-sf-modal-panel]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=inline-end]:dir(rtl) [data-sf-modal-panel]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=top] [data-sf-modal-panel]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=bottom] [data-sf-modal-panel]{-webkit-transform:translateY(100%);transform:translateY(100%)}.sf-modal[data-sf-modal-state=closing][data-sf-modal-position=center] [data-sf-modal-panel]{-webkit-transform:translateY(var(--sf-space-1\/2)) scale(0.98);transform:translateY(var(--sf-space-1\/2)) scale(0.98)}.sf-modal[data-sf-modal-state][data-sf-modal-hidden=true] [data-sf-modal-panel]{opacity:0;pointer-events:none;-webkit-transform:translateY(var(--sf-space-1\/2)) scale(0.98);transform:translateY(var(--sf-space-1\/2)) scale(0.98)}.sf-modal [data-sf-modal-panel][data-sf-modal-has-width]{max-width:min(100%,var(--sf-modal-width));width:var(--sf-modal-width)}.sf-modal [data-sf-modal-panel][data-sf-modal-has-height]{display:flex;height:var(--sf-modal-height);max-height:min(100%,var(--sf-modal-height))}.sf-modal [data-sf-modal-panel][data-sf-modal-has-height] [data-sf-modal-surface]{flex:1;min-height:0}.sf-modal [data-sf-modal-panel][data-sf-modal-has-height] [data-sf-modal-body],.sf-modal [data-sf-modal-panel][data-sf-modal-has-height] [data-sf-modal-body-viewport]{flex:1;min-height:0}.sf-modal [data-sf-modal-panel][data-sf-modal-has-height] [data-sf-modal-body-scroll]{flex:1;max-height:none}.sf-modal[data-sf-modal-fullscreen=true]{align-items:stretch;justify-content:stretch;padding:0}.sf-modal[data-sf-modal-fullscreen=true] [data-sf-modal-panel]{display:flex;height:100%;max-height:100%;max-width:100%;width:100%}.sf-modal[data-sf-modal-fullscreen=true] [data-sf-modal-surface]{border-radius:0;flex:1;min-height:0}.sf-modal[data-sf-modal-fullscreen=true] [data-sf-modal-body],.sf-modal[data-sf-modal-fullscreen=true] [data-sf-modal-body-viewport]{flex:1;min-height:0}.sf-modal[data-sf-modal-fullscreen=true] [data-sf-modal-body-scroll]{flex:1;max-height:none}@media(prefers-reduced-motion: reduce){.sf-modal.animate [data-sf-modal-panel],.sf-modal [data-sf-modal-overlay]{transition:none;will-change:auto}}}@layer sf.components{.sf-modal-header-content{flex:1 1 auto;min-width:0;word-wrap:anywhere}.sf-modal-header-action{align-items:center;display:flex;flex:0 0 auto;justify-content:center;min-height:var(--sf-ui-1\/3--control-height);min-block-size:var(--sf-ui-1\/3--control-height);min-width:var(--sf-ui-1\/3--control-height);min-inline-size:var(--sf-ui-1\/3--control-height)}.sf-modal-close-button{--sf-modal-close-right: var(--sf-space-1\/3);--sf-modal-close-top: var(--sf-space-1\/3);right:var(--sf-modal-close-right);top:var(--sf-modal-close-top);left:var(--sf-modal-close-left);bottom:var(--sf-modal-close-bottom)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-modal-close-button--inline-end{right:var(--sf-modal-close-right);right:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-modal-close-button--inline-end{right:var(--sf-modal-close-right);right:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}}.sf-modal-close-button--inline-end:where(:dir(ltr)){right:var(--sf-modal-close-right);right:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}_:-ms-input-placeholder, [dir="rtl"] .sf-modal-close-button--inline-end{left:var(--sf-modal-close-right);left:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-modal-close-button--inline-end{left:var(--sf-modal-close-right);left:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}}.sf-modal-close-button--inline-end:where(:dir(rtl)){left:var(--sf-modal-close-right);left:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}.sf-modal-close-button--inline-end{left:auto;right:auto;inset-inline-end:var(--sf-modal-close-right);inset-inline-end:var(--sf-modal-close-inline-end, var(--sf-modal-close-right))}.sf-modal-hide-button{--sf-modal-hide-right: var(--sf-space-2);--sf-modal-hide-top: var(--sf-space-1\/3);right:var(--sf-modal-hide-right);top:var(--sf-modal-hide-top);left:var(--sf-modal-hide-left);bottom:var(--sf-modal-hide-bottom)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-modal-hide-button--inline-end{right:var(--sf-modal-hide-right);right:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-modal-hide-button--inline-end{right:var(--sf-modal-hide-right);right:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}}.sf-modal-hide-button--inline-end:where(:dir(ltr)){right:var(--sf-modal-hide-right);right:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}_:-ms-input-placeholder, [dir="rtl"] .sf-modal-hide-button--inline-end{left:var(--sf-modal-hide-right);left:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-modal-hide-button--inline-end{left:var(--sf-modal-hide-right);left:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}}.sf-modal-hide-button--inline-end:where(:dir(rtl)){left:var(--sf-modal-hide-right);left:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}.sf-modal-hide-button--inline-end{left:auto;right:auto;inset-inline-end:var(--sf-modal-hide-right);inset-inline-end:var(--sf-modal-hide-inline-end, var(--sf-modal-hide-right))}.sf-modal-hide-icon{background-color:currentColor;display:block;height:2px;height:var(--sf-border-width-2, 2px);width:var(--sf-space-1)}}

package/distr/component/modal/js/modal.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const s=t.match(/\(([^)]+)\)/g);s&&s.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const s=this.getUtilityMap();if(!s||!s[e])return;this.extractUtilityClasses(s[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},s=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),n=s.listeners,i=s.registered,o=t=>String(t??"").trim().toLowerCase().replace("_","-"),a=()=>{for(const t of[...n])try{t()}catch{}};function l(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const s="function"==typeof e.getRootNode?e.getRootNode():null;e=s&&s!==e&&s.host?s.host:null}return null}function r(t){if(s.chosen)return s.chosen.split("-")[0];const e=l(t),n=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return o(n).split("-")[0]||"en"}function d(t){if(s.chosen)return s.chosen;const e=l(t);return o(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(t,e,s,n){const a=n??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(s);for(const n of(t=>{const e=o(t),s=e.split("-")[0],n=[];for(const t of[e,s,"en"])t&&!n.includes(t)&&n.push(t);return n})(d(s))){const s=a?i.get(a)?.get(n)?.[e]:void 0;if(void 0!==s)return s;const o=t?.[n]?.[e];if(void 0!==o)return o}return e}const h={current:(t=globalThis.document?.documentElement??null)=>d(t),use(t){const e=null==t?null:o(t);return e===s.chosen||(s.chosen=e,a()),s.chosen},register(t,e,s){const n=String(t??"").toLowerCase(),l=o(e);if(!n||!l)throw new TypeError("a component and a language are required");i.has(n)||i.set(n,new Map);const r=i.get(n);return null===s?r.delete(l):r.set(l,{...r.get(l)??{},...s}),a(),this},registerAll(t,e={}){for(const[s,n]of Object.entries(e))this.register(s,t,n);return this},known(t){const e=String(t??"").toLowerCase();return[...i.get(e)?.keys()??[]]},components:()=>[...i.keys()],onChange:t=>"function"!=typeof t?()=>{}:(n.add(t),()=>n.delete(t)),forget(){return i.clear(),s.chosen=null,a(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=r,window.SF.pageText=c);const m=["a[href]","area[href]","button","input","select","textarea","iframe","summary","audio[controls]","video[controls]","[contenteditable]","[tabindex]"].join(","),u=Symbol.for("simai.modal.focus-guards");function f(t,e){return"INPUT"===t?.tagName&&"INPUT"===e?.tagName&&"radio"===t.type&&"radio"===e.type&&!!t.name&&t.name===e.name&&t.form===e.form&&t.getRootNode()===e.getRootNode()}function p(t,e=!1){const s=t.ownerDocument.defaultView,n=Array.from(t.querySelectorAll(m)).filter(t=>t.tabIndex>=0&&!t.matches(":disabled")&&!t.closest("[inert]")&&t.getClientRects().length>0&&"visible"===s.getComputedStyle(t).visibility).sort((t,e)=>(t.tabIndex||1/0)-(e.tabIndex||1/0));return n.filter(t=>{if(!f(t,t))return!0;const s=n.filter(e=>f(t,e)),i=s.find(t=>t.checked);return t===(i||s.at(e?-1:0))})}const b=t=>{const e=Number.parseFloat(t);return Number.isFinite(e)?e*(t.trim().endsWith("ms")?1:1e3):0};function g(t,e=window){let s=!1,n=null,i=null;const o=()=>{s||(s=!0,null!==n&&(e.cancelAnimationFrame(n),n=null),null!==i&&(e.clearTimeout(i),i=null),t())};return n=e.requestAnimationFrame(o),i=e.setTimeout(o,50),"function"==typeof e.queueMicrotask&&e.queueMicrotask(o),()=>{s=!0,null!==n&&e.cancelAnimationFrame(n),null!==i&&e.clearTimeout(i)}}function y(t,e,s=window){let n=null,i=!1;const o=g(()=>{if(i)return;const o=t(),a=o?.querySelectorAll("[data-sf-modal-panel], [data-sf-modal-overlay]")||[],l=Math.max(0,...Array.from(a,t=>{const e=s.getComputedStyle(t);return"none"===e.display?0:function(t){const e=t.transitionProperty.split(",").map(t=>t.trim()),s=t.transitionDuration.split(",").map(b),n=t.transitionDelay.split(",").map(b);return Math.max(0,...e.map((t,e)=>["all","opacity","transform","-webkit-transform"].includes(t)?Math.max(0,s[e%s.length])+n[e%n.length]:0))}(e)}));n=s.setTimeout(()=>{i||e()},l)},s);return()=>{i=!0,o(),null!==n&&s.clearTimeout(n)}}const v=Symbol.for("simai.modal.document-stack");function w(){return document[v]||Object.defineProperty(document,v,{value:{items:[],lockOwner:null},configurable:!0}),document[v]}function C(){return w().items.at(-1)||null}function _(){w().items.forEach((t,e)=>t.applyStackPosition(e)),function(t){const e=t?.getModalRoot?.()||t?.template,s=e?.querySelector?.("[data-sf-modal-panel]"),n=document[u];if(n&&n.panel===s&&n.before.isConnected&&n.after.isConnected)return;if(n?.before.remove(),n?.after.remove(),delete document[u],!s?.parentNode)return;const i={panel:s,relaying:!1};for(const t of["before","after"]){const n=s.ownerDocument.createElement("span");n.tabIndex=0,n.className="sf-modal-focus-guard",n.setAttribute("aria-hidden","true"),n.addEventListener("focus",()=>{if(i.relaying||!s.isConnected||e.inert||"true"===e.getAttribute("aria-hidden"))return;const n="before"===t,o=p(s,n),a=n?o.at(-1):o[0];a&&"IFRAME"!==a.tagName?a.focus({preventScroll:!0}):s.focus({preventScroll:!0})}),i[t]=n}s.before(i.before),s.after(i.after),document[u]=i}(C())}const A=t=>!t.inContainer;function E(t,e=!1){if(!t?.isConnected||"function"!=typeof t.focus||t.matches(":disabled")||t.closest('[inert], [hidden], [aria-hidden="true"]')||!t.getClientRects().length||"visible"!==t.ownerDocument.defaultView.getComputedStyle(t).visibility)return!1;const s=e&&!t.hasAttribute("tabindex");let n;const i=()=>{n?.disconnect(),t.removeEventListener("blur",i),s&&"-1"===t.getAttribute("tabindex")&&t.removeAttribute("tabindex")};s&&(t.setAttribute("tabindex","-1"),t.addEventListener("blur",i,{once:!0}),n=new t.ownerDocument.defaultView.MutationObserver(()=>{t.isConnected||i()}),n.observe(t.ownerDocument.documentElement,{childList:!0,subtree:!0}));let o=!1;try{return t.focus({preventScroll:!0}),o=t.ownerDocument.activeElement===t,o}catch{return!1}finally{s&&!o&&i()}}const S="[data-sf-overlay-container], [data-sf-drawer-container]";function L(...t){return t.filter(Boolean).join(" ").trim()}function x(t="medium"){const e=String(t||"medium").trim().toLowerCase();return["none","small","medium","large"].includes(e)?e:"medium"}function T(t="medium"){return`backdrop-blur-${x(t)}`}function k(t){return["none","small","medium","large"].includes(String(t||"").trim().toLowerCase())}function O(t){return String(t||"").trim()}const N={en:{title:"Dialog",close:"Close"},ru:{title:"Окно",close:"Закрыть"}},M=t=>c(N,"title",t);class F extends t{static componentName="Modal";static registry=new Map;static globalBound=!1;static stack=[];static openCount=0;static uid=0;static lockState=null;static baseZIndex=9e3;static getTopModal(){return C()}static isTopModal(t){return F.getTopModal()===t}static addToStack(t){t&&"inline"!==t.display&&(F.stack=F.stack.filter(e=>e!==t),F.stack.push(t),F.openCount=F.stack.length,function(t,e){const s=w();s.items.includes(t)||(A(t)&&!s.lockOwner&&(s.lockOwner=e,e.lockPage(t.preserveScrollGap)),s.items.push(t),_())}(t,F))}static removeFromStack(t){t&&"inline"!==t.display&&(F.stack=F.stack.filter(e=>e!==t),F.openCount=F.stack.length,function(t){const e=w(),s=e.items.indexOf(t);s<0||(e.items.splice(s,1),e.lockOwner&&!e.items.some(A)&&(e.lockOwner.unlockPage(),e.lockOwner=null),_())}(t))}static bringToFront(t){t&&"inline"!==t.display&&F.stack.includes(t)&&(F.stack=F.stack.filter(e=>e!==t),F.stack.push(t),function(t){const e=w(),s=e.items.indexOf(t);s<0||(e.items.splice(s,1),e.items.push(t),_())}(t))}static updateStackStyles(){_()}constructor(t){super(t);const e=this.params||{};this.modalId=this.id||e.id||"sf-modal-"+ ++F.uid,this.isOpen=!1,this.lastActive=null,this.root=e.root||null,this.container=e.container||null,this.overlay=this.toBoolean(e.overlay,!0),this.unclose=this.toBoolean(e.unclose,!1),this.showClose=this.toBoolean(e.showClose,!0)&&!this.unclose,this.showFooter=this.toBoolean(e.showFooter,!0),this.closeOnEsc=this.toBoolean(e.closeOnEsc,!0)&&!this.unclose,this.closeOnOverlay=this.toBoolean(e.closeOnOverlay,!0)&&!this.unclose,this.preserveScrollGap=this.toBoolean(e.preserveScrollGap,!0),this.autoload=this.toBoolean(e.autoload,!1),this.position=function(t="center"){const e=String(t||"center").trim().toLowerCase();return["center","left","right","inline-start","inline-end","top","bottom"].includes(e)?e:"center"}(e.position),this.fullscreen=this.toBoolean(e.fullscreen,!1),this.mode=function(t){const e=String(t||"inline").trim().toLowerCase();return["inline","ajax","iframe"].includes(e)?e:"inline"}(e.mode),this.display=function(t){const e=String(t||"modal").trim().toLowerCase();return["modal","inline"].includes(e)?e:"modal"}(e.display),this.src=e.src||"",this.preload=this.toBoolean(e.preload,!0),this._fetchController=null,this._contentLoaded=!1,this._contentError=null,this._loadingTimer=null,this._loadingShown=!1,this._loadingDebounceMs=500,this.blur=!!k(e.blur)||this.toBoolean(e.blur,!1),this.hasCustomBlurType=k(e.blurType)||k(e.blur),this.blurType=x(e.blurType||(k(e.blur)?e.blur:"")),this.onOverlayClick=this.onOverlayClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this._modalState="closed",this._stackIndex=-1,this._closeTimer=null,this._closeTransitionAbort=null,this.template=this.buildTemplate(e),this.template.id=this.modalId,this.template.setAttribute("data-sf-modal-id",this.modalId),this.template.setAttribute("aria-hidden","true"),this.init()}overlayHomeFor(t=null){let e=this.container;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof Element)return e.matches(S)||e.setAttribute("data-sf-overlay-container",""),e;return(t instanceof Element?t.closest(S):null)||document.body}get overlayHome(){return this.overlayHomeFor()}get inContainer(){return Boolean(this.template?.parentElement?.closest(S))}placeIn(t){"inline"!==this.display&&!this.root&&this.template&&t&&this.template.parentElement!==t&&t.append(this.template)}emitEvent(t,{cancelable:e=!1,detail:s={}}={}){const n={modal:this,id:this.modalId,isOpen:this.isOpen,...s};let i=!1;if(this.template){const s=new CustomEvent(t,{bubbles:!0,cancelable:e,detail:n});this.template.dispatchEvent(s),i=i||s.defaultPrevented}if("undefined"!=typeof window){const e=new CustomEvent(t,{cancelable:!1,detail:n});window.dispatchEvent(e)}return!i}runCallback(t,e={}){const s=this.params?.[t];if("function"==typeof s)return s({modal:this,id:this.modalId,isOpen:this.isOpen,...e})}emitBeforeOpen(){const t=this.emitEvent("modal:before-open",{cancelable:!0,detail:{phase:"before-open"}}),e=this.emitEvent("SFModalBeforeOpenWindow",{cancelable:!0,detail:{phase:"before-open"}});if(!t||!e)return!1;const s=this.runCallback("beforeOpen",{phase:"before-open"}),n=this.runCallback("beforeOpenWindow",{phase:"before-open"});return!1!==s&&!1!==n}emitAfterOpen(){this.emitEvent("modal:after-open",{detail:{phase:"after-open"}}),this.emitEvent("SFModalAfterOpenWindow",{detail:{phase:"after-open"}}),this.runCallback("afterOpen",{phase:"after-open"}),this.runCallback("afterOpenWindow",{phase:"after-open"})}emitBeforeClose(){const t=this.emitEvent("modal:before-close",{cancelable:!0,detail:{phase:"before-close"}}),e=this.emitEvent("SFModalBeforeCloseWindow",{cancelable:!0,detail:{phase:"before-close"}});if(!t||!e)return!1;const s=this.runCallback("beforeClose",{phase:"before-close"}),n=this.runCallback("beforeCloseWindow",{phase:"before-close"});return!1!==s&&!1!==n}emitAfterClose(){this.emitEvent("modal:after-close",{detail:{phase:"after-close"}}),this.emitEvent("SFModalAfterCloseWindow",{detail:{phase:"after-close"}}),this.runCallback("afterClose",{phase:"after-close"}),this.runCallback("afterCloseWindow",{phase:"after-close"})}toBoolean(t,e){if(null==t)return e;if("boolean"==typeof t)return t;const s=`${t}`.trim().toLowerCase();return!!["1","true","yes","on"].includes(s)||!["0","false","no","off"].includes(s)&&e}getBlurClasses(){return this.hasCustomBlurType?[T(this.blurType)]:[]}setOverlay(t){this.overlay=this.toBoolean(t,!0);const e=this.template?.querySelector("[data-sf-modal-overlay]");return e?(e.classList.toggle("hidden",!this.overlay||"inline"===this.display),this):this}buildTemplate(t){const e="inline"===this.display,s=document.createElement("div");s.className=e?`sf-modal sf-modal--inline sf-modal--position-${this.position} sf-modal--positon-${this.position} inline-block w-full`:`sf-modal sf-modal--position-${this.position} sf-modal--positon-${this.position} hidden fixed top-0 inline-start-0 w-full h-full z-9 p-3 items-cross-center content-main-center`,s.setAttribute("role",e?"region":"dialog"),s.setAttribute("aria-modal",e?"false":"true"),s.setAttribute("data-sf-modal-position",this.position),s.setAttribute("data-sf-modal-fullscreen",String(this.fullscreen)),s.setAttribute("data-sf-modal-display",this.display),s.setAttribute("data-sf-modal-state",e?"inline":"closed");const n=document.createElement("div");n.className=L("absolute top-0 inline-start-0 w-full h-full",this.blur?this.hasCustomBlurType?this.getBlurClasses().join(" "):"bg-surface-overlay":"bg-black opacity-6",t.overlayClass),n.setAttribute("data-sf-modal-overlay",""),this.overlay&&!e||n.classList.add("hidden");const i=document.createElement("section");i.className=L("relative overflow-visible",t.panelClass),i.setAttribute("data-sf-modal-panel","");const o=O(t.width),a=O(t.height);o&&(i.style.setProperty("--sf-modal-width",o),i.setAttribute("data-sf-modal-has-width","")),a&&(i.style.setProperty("--sf-modal-height",a),i.setAttribute("data-sf-modal-has-height",""));const l=document.createElement("div");l.className=L(e?"bg-surface border border-outline-variant radius-surface p-2 flex flex-col gap-1 min-w-0":"bg-surface border border-outline-variant radius-surface shadow-3 p-2 flex flex-col gap-1 min-w-0",t.surfaceClass),l.setAttribute("data-sf-modal-surface","");const r=document.createElement("header");if(r.className=L("sf-modal-header flex items-start min-w-0 border-b border-outline-variant gap-1",t.headerClass),Array.isArray(t.headerNodes)&&t.headerNodes.length)s.setAttribute("aria-label",t.title||M(s)),t.headerNodes.forEach(t=>{t instanceof Node&&r.append(t)});else{const e=document.createElement("h2");if(e.id=`${this.modalId}-title`,s.setAttribute("aria-labelledby",e.id),e.className="sf-modal-header-content title-3 m-0",e.textContent=t.title||M(s),r.append(e),this.showClose){const e=document.createElement("button");e.type="button",e.className=L("sf-icon-button sf-modal-header-action sf-modal-close-button sf-icon-button--close sf-icon-button--link sf-icon-button--on-surface sf-icon-button--size-1/3 m-0",t.closeClass),e.setAttribute("aria-label",c(N,"close",e.isConnected?e:document.documentElement)),e.setAttribute("data-sf-modal-close",this.modalId),e.innerHTML='            <span\n              class="sf-close sf-close--size-1/3 flex justify-center items-center"\n              aria-hidden="true"\n            >\n              <span class="sf-close-icon"></span>\n            </span>',r.append(e)}}const d=document.createElement("div");d.className="sf-modal-body flex flex-col gap-1 min-w-0 overflow-visible",d.setAttribute("data-sf-modal-body","");const h=document.createElement("div");h.className="sf-modal-body-viewport min-w-0 overflow-visible",h.setAttribute("data-sf-modal-body-viewport","");const m=document.createElement("div");m.className=L("sf-modal-body-scroll h-full min-w-0 overflow-y-auto flex flex-col gap-1 p-1/4",t.bodyClass),m.setAttribute("data-sf-modal-body-scroll","");const u=document.createElement("div");if(u.className="sf-modal-content-placeholder flex flex-col gap-2 min-h-8 items-cross-center content-main-center",u.setAttribute("data-sf-modal-content-placeholder",""),"ajax"!==this.mode&&"iframe"!==this.mode||!this.src){if(Array.isArray(t.contentNodes)&&t.contentNodes.length){const e=document.createElement("div");e.className=L("sf-modal-content flex flex-col gap-2",t.contentClass),t.contentNodes.forEach(t=>{t instanceof Node&&e.append(t)}),m.append(e)}}else this._scheduleLoading(u),m.append(u);if(Array.isArray(t.footerNodes)&&t.footerNodes.length&&this.showFooter){const e=document.createElement("div");e.className=L("sf-modal-footer flex flex-wrap gap-2",t.footerClass),t.footerNodes.forEach(t=>{t instanceof Node&&e.append(t)}),d.append(e)}else if("string"==typeof t.html&&t.html.trim())m.innerHTML=t.html;else if("ajax"===this.mode&&this.src||"iframe"===this.mode&&this.src);else{const e=document.createElement("p");e.className="m-0 text-2",e.textContent=t.text||"",m.append(e)}return h.append(m),d.prepend(h),l.append(r,d),i.append(l),s.append(n,i),s}_scheduleLoading(t){this._cancelLoadingTimer(),this._loadingShown=!1,this._loadingTimer=setTimeout(()=>{this._showLoading(t),this._loadingShown=!0},this._loadingDebounceMs)}_cancelLoadingTimer(){this._loadingTimer&&(clearTimeout(this._loadingTimer),this._loadingTimer=null)}_finishLoading(){this._cancelLoadingTimer()}_showLoading(t){t.innerHTML="";const e=document.createElement("div");e.className="sf-modal-loading flex flex-col gap-2 items-cross-center content-main-center p-4",e.setAttribute("data-sf-modal-state","loading"),e.innerHTML='\n      <div class="sf-modal-spinner animate-spin border-2 border-t-transparent border-outline-variant rounded-full w-8 h-8"></div>\n      <p class="m-0 text-2 color-on-surface-variant">Loading...</p>\n    ',t.append(e)}_showError(t,e){t.innerHTML="";const s=document.createElement("div");s.className="sf-modal-error flex flex-col gap-2 items-cross-center content-main-center p-4",s.setAttribute("data-sf-modal-state","error"),s.innerHTML=`\n      <div class="sf-modal-error-icon text-4 color-error">⚠</div>\n      <p class="sf-modal-error-text m-0 text-2 color-error">${this.escapeHtml(e||"Failed to load content")}</p>\n    `,t.append(s)}_abortFetch(){this._fetchController&&(this._fetchController.abort(),this._fetchController=null)}async _loadContent(){this.src&&("iframe"!==this.mode?"ajax"===this.mode&&this._loadAjax():this._loadIframe())}async _loadAjax(){if(this.src.startsWith("#")){const t=document.querySelector(this.src);if(t){this._emitBeforeContentUpload();const e=t.cloneNode(!0);e.removeAttribute("id"),this._finishLoading(),this._replaceContentWithNode(e),this._contentLoaded=!0,this._emitAfterContentUpload()}else this._contentError=`Element not found: ${this.src}`,this._finishLoading(),this._showContentError();return}this._abortFetch(),this._fetchController=new AbortController;try{this._emitBeforeContentUpload();const t=await fetch(this.src,{signal:this._fetchController.signal});if(!t.ok)throw new Error(`HTTP ${t.status}: ${t.statusText}`);const e=await t.text();this._contentLoaded=!0,this._finishLoading(),this._replaceContentWithHtml(e),this._fetchController=null,this._emitAfterContentUpload()}catch(t){if("AbortError"===t.name)return void this._finishLoading();this._contentError=t.message,this._finishLoading(),this._showContentError()}}_loadIframe(){this._emitBeforeContentUpload();const t=this.template?.querySelector("[data-sf-modal-body-scroll]");if(!t)return;t.innerHTML="";const e=document.createElement("iframe");e.className="sf-modal-iframe w-full border-0 radius-surface",e.src=this.src,e.setAttribute("data-sf-modal-iframe",""),e.setAttribute("allowfullscreen",""),e.style.minHeight="var(--sf-modal-iframe-min-height)",e.style.height="100%",e.addEventListener("load",()=>{this._contentLoaded=!0,this._finishLoading(),this._emitAfterContentUpload()}),e.addEventListener("error",()=>{this._contentError="Failed to load iframe content",this._finishLoading(),this._showContentError()}),t.append(e)}_replaceContentWithNode(t){const e=this.template?.querySelector("[data-sf-modal-body-scroll]");if(!e)return;e.innerHTML="";const s=document.createElement("div");s.className="sf-modal-content flex flex-col gap-2",s.append(t),e.append(s)}_replaceContentWithHtml(t){const e=this.template?.querySelector("[data-sf-modal-body-scroll]");if(!e)return;e.innerHTML="";const s=document.createElement("div");s.className="sf-modal-content flex flex-col gap-2",s.innerHTML=t,e.append(s)}_showContentError(){const t=this.template?.querySelector("[data-sf-modal-body-scroll]");if(!t)return;t.innerHTML="";const e=document.createElement("div");e.className="sf-modal-error flex flex-col gap-2 items-cross-center content-main-center p-4",e.setAttribute("data-sf-modal-state","error"),e.innerHTML=`\n      <div class="sf-modal-error-icon text-4 color-error">⚠</div>\n      <p class="sf-modal-error-text m-0 text-2 color-error">${this.escapeHtml(this._contentError||"Failed to load content")}</p>\n    `,t.append(e)}_emitBeforeContentUpload(){this.emitEvent("modal:before-content-upload",{detail:{src:this.src}}),this.runCallback("beforeContentUpload",{src:this.src})}_emitAfterContentUpload(){this.emitEvent("modal:after-content-upload",{detail:{src:this.src}}),this.runCallback("afterContentUpload",{src:this.src})}escapeHtml(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}init(){if("inline"===this.display)return this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"),this.template.classList.remove("hidden"),this.toBoolean(this.params?.open,!0)?this.isOpen=!0:(this.isOpen=!1,this._modalState="closed",this.template.setAttribute("data-sf-modal-state","closed"),this.template.classList.add("hidden")),this.template.setAttribute("aria-hidden",String(!this.isOpen)),this.root&&this.root.append(this.template),F.registry.set(this.modalId,this),void("ajax"!==this.mode&&"iframe"!==this.mode||!this.src||!1===this.preload||this._loadContent());if(this.template.isConnected||this.overlayHome.append(this.template),"inline"===this.display)return this.isOpen=!0,this._modalState="open",this.template.setAttribute("data-sf-modal-state","inline"),this.template.classList.remove("hidden"),F.registry.set(this.modalId,this),void("ajax"!==this.mode&&"iframe"!==this.mode||!this.src||!1===this.preload||this._loadContent());this.template.addEventListener("click",this.onOverlayClick),document.addEventListener("keydown",this.onKeyDown),F.registry.set(this.modalId,this),F.bindGlobalEvents();(this.toBoolean(this.params?.open,!1)||this.autoload)&&requestAnimationFrame(()=>{this.open({animate:!1})}),"ajax"!==this.mode&&"iframe"!==this.mode||!this.src||!1===this.preload||this._loadContent()}destroyInternal(){this._abortFetch(),this._cancelLoadingTimer(),this.cancelCloseTransition(),"inline"===this.display||!this.isOpen&&"closing"!==this._modalState||(this._modalState="closing",this.finishClose()),F.removeFromStack(this),this.template.removeEventListener("click",this.onOverlayClick),document.removeEventListener("keydown",this.onKeyDown),F.registry.delete(this.modalId)}onOverlayClick(t){t.target===this.template.querySelector("[data-sf-modal-overlay]")&&this.closeOnOverlay&&this.close()}onKeyDown(t){if((this.isOpen||"closing"===this._modalState)&&F.isTopModal(this))return"Escape"!==t.key||!this.closeOnEsc||"closing"===this._modalState||t.defaultPrevented||document.documentElement?.dataset?.sfPopoverOpen?void("Tab"===t.key&&this.trapFocus(t)):(t.preventDefault(),t.stopImmediatePropagation(),void this.close())}trapFocus(t){if(!F.isTopModal(this))return;!function(t,e){if(!t)return;const s=p(t,e.shiftKey),n=t.ownerDocument.activeElement;if(!s.length)return e.preventDefault(),void t.focus();const i=s[0],o=s[s.length-1],a=e.shiftKey?i:o;if(!t.contains(n)||n===t||n===a||f(n,a)){const s=e.shiftKey?o:i,n=t.ownerDocument[u];if("IFRAME"===s.tagName&&n?.panel===t){n.relaying=!0;try{(e.shiftKey?n.after:n.before).focus({preventScroll:!0})}finally{n.relaying=!1}return}e.preventDefault(),s.focus()}}(this.template.querySelector("[data-sf-modal-panel]"),t)}focusFirst(){if("inline"!==this.display&&!F.isTopModal(this))return;const t=this.template.querySelector("[data-sf-modal-panel]");t&&(t.setAttribute("tabindex","-1"),t.focus())}applyStackPosition(t=function(t){return w().items.indexOf(t)}(this)){return this._stackIndex=t,this.template&&"inline"!==this.display?t<0?(this.template.style.removeProperty("z-index"),this.template.style.removeProperty("--sf-modal-stack-index"),this):(this.template.style.setProperty("--sf-modal-stack-index",String(t)),this.template.style.zIndex=String(F.baseZIndex+2*t),this):this}open(t={}){const{animate:e=!0}="boolean"==typeof t?{animate:t}:t;if("inline"===this.display){if(this.isOpen)return;if(!this.emitBeforeOpen())return;return this.isOpen=!0,this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"),this.template.classList.remove("hidden"),this.template.setAttribute("aria-hidden","false"),void this.emitAfterOpen()}if(this.isOpen)return F.bringToFront(this),void this.cancelCloseTransition();if(this.emitBeforeOpen()){if(("ajax"===this.mode||"iframe"===this.mode)&&this.src&&!this._contentLoaded&&!this._contentError){const t=this.template?.querySelector("[data-sf-modal-body-scroll]");t&&this._scheduleLoading(t),this._loadContent()}if(this._releaseClosingContent?.(),this._releaseClosingContent=null,"closing"!==this._modalState&&(this.lastActive=document.activeElement,this._focusReturnAncestors=function(t){const e=[];for(let s=t?.parentElement;s;s=s.parentElement)s.matches('main, section, article, [role="main"], [role="region"]')&&e.push(s);return e}(this.lastActive),this.placeIn(this.overlayHomeFor(this.lastActive))),this.cancelCloseTransition(),this.template.classList.remove("hidden"),this.template.classList.add("flex"),this.template.setAttribute("aria-hidden","false"),this.template.classList.toggle("animate",Boolean(e)),this.template.setAttribute("data-sf-modal-state","opening"),this.isOpen=!0,F.addToStack(this),!e)return this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"),this.focusFirst(),void this.emitAfterOpen();g(()=>{this.isOpen&&"closing"!==this._modalState&&(this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"),this.focusFirst(),this.emitAfterOpen())})}}close(){if("inline"===this.display){if(!this.emitBeforeClose())return;return this.isOpen=!1,this._modalState="closed",this.template.setAttribute("data-sf-modal-state","closed"),this.template.classList.add("hidden"),this.template.setAttribute("aria-hidden","true"),void this.emitAfterClose()}if(!this.isOpen||"closing"===this._modalState)return;if(!this.emitBeforeClose())return;this._modalState="closing",this.template.setAttribute("data-sf-modal-state","closing"),this.isOpen=!1;const t=this.template.querySelector("[data-sf-modal-panel]");this._releaseClosingContent=function(t,e=!1){if(!t)return()=>{};const s=new Set,n=()=>{for(const e of t.children)e.hasAttribute("inert")||(e.setAttribute("inert",""),s.add(e))};e&&t.focus({preventScroll:!0}),n();const i=new t.ownerDocument.defaultView.MutationObserver(n);return i.observe(t,{childList:!0}),()=>{i.disconnect();for(const t of s)""===t.getAttribute("inert")&&t.removeAttribute("inert");s.clear()}}(t,F.isTopModal(this)),this._closeTransitionAbort=y(()=>this.template,()=>this.finishClose())}toggle(){this.isOpen?this.close():this.open()}setSrc(t){if(this.src=t||"",this._contentLoaded=!1,this._contentError=null,this._loadingShown=!1,this._abortFetch(),!this.template||!this.isOpen)return this;const e=this.template?.querySelector("[data-sf-modal-body-scroll]");return e&&this._scheduleLoading(e),"ajax"!==this.mode&&"iframe"!==this.mode||!this.src||!1===this.preload||this._loadContent(),this}reloadContent(){if(("ajax"===this.mode||"iframe"===this.mode)&&this.src){this._contentLoaded=!1,this._contentError=null,this._loadingShown=!1,this._abortFetch();const t=this.template?.querySelector("[data-sf-modal-body-scroll]");t&&this._scheduleLoading(t),this._loadContent()}return this}cancelCloseTransition(){this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null),this._closeTransitionAbort&&(this._closeTransitionAbort(),this._closeTransitionAbort=null),"closing"===this._modalState&&(this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"))}finishClose(){if("closing"!==this._modalState)return;this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null),this._closeTransitionAbort&&(this._closeTransitionAbort(),this._closeTransitionAbort=null),this.template.classList.remove("flex"),this.template.classList.add("hidden"),this.template.setAttribute("data-sf-modal-state","closed"),this.template.setAttribute("aria-hidden","true"),this._releaseClosingContent?.(),this._releaseClosingContent=null,this._modalState="closed";const t=F.isTopModal(this);F.removeFromStack(this),function(t,e,s=[]){if(!t)return;const n=C(),i=n?.getModalRoot?.()||n?.template;if((!n||i?.contains(e))&&E(e))return;if(n)return void n.focusFirst();const o=new Set([...s,...document.querySelectorAll('main, [role="main"]'),document.body]);for(const t of o)if(E(t,!0))return}(t,this.lastActive,this._focusReturnAncestors),this.emitAfterClose()}static bindGlobalEvents(){F.globalBound||"undefined"==typeof document||(document.addEventListener("click",t=>{const e=t.target.closest("[data-sf-modal-open]");if(e){const t=e.getAttribute("data-sf-modal-open"),s=F.registry.get(t);return void(s&&s.open())}const s=t.target.closest("[data-sf-modal-close]");if(!s)return;const n=s.getAttribute("data-sf-modal-close");if(n){const t=F.registry.get(n);return void(t&&t.close())}const i=s.closest(".sf-modal");if(!i)return;const o=i.getAttribute("data-sf-modal-id"),a=F.registry.get(o);a&&a.close()}),F.globalBound=!0)}static lockPage(t=!0){F.lockState||(F.lockState=function(t=!0){const e=document.documentElement,s=document.body;if(!e||!s)return null;const n=Math.max(0,window.innerWidth-e.clientWidth),i=parseFloat(window.getComputedStyle(s).paddingInlineEnd)||0,o={docEl:e,body:s,htmlLocked:e.classList.contains("overflow-hidden"),bodyLocked:s.classList.contains("overflow-hidden"),bodyPaddingInlineEnd:s.style.getPropertyValue("padding-inline-end"),paddingPriority:s.style.getPropertyPriority("padding-inline-end"),appliedPadding:null};return e.classList.add("overflow-hidden"),s.classList.add("overflow-hidden"),t&&n>0&&(s.style.setProperty("padding-inline-end",`${i+n}px`,o.paddingPriority),o.appliedPadding=s.style.getPropertyValue("padding-inline-end")),o}(t))}static unlockPage(){!function(t){if(!t)return;const{docEl:e,body:s}=t;t.htmlLocked||e.classList.remove("overflow-hidden"),t.bodyLocked||s.classList.remove("overflow-hidden"),null!==t.appliedPadding&&s.style.getPropertyValue("padding-inline-end")===t.appliedPadding&&s.style.getPropertyPriority("padding-inline-end")===t.paddingPriority&&(t.bodyPaddingInlineEnd?s.style.setProperty("padding-inline-end",t.bodyPaddingInlineEnd,t.paddingPriority):s.style.removeProperty("padding-inline-end"))}(F.lockState),F.lockState=null}}e("Modal",F)})();

package/distr/component/outline/css/outline.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-outline{--sf-outline--gap: var(--sf-space-1\/3);--sf-outline--indent: var(--sf-space-2);--sf-outline--link-padding-block: var(--sf-space-1\/4);--sf-outline--link-padding-inline: var(--sf-space-1);--sf-outline--indicator-width: var(--sf-a2);--sf-outline--color: var(--sf-on-surface-variant);--sf-outline--hover-color: var(--sf-on-surface);--sf-outline--hover-background: var(--sf-surface-container-hover);--sf-outline--current-color: var(--sf-on-surface);--sf-outline--current-background: var(--sf-surface-container-active);--sf-outline--current-indicator: var(--sf-primary);min-width:var(--sf-0);min-inline-size:var(--sf-0);color:var(--sf-on-surface);font-family:var(--sf-text--family);font-size:var(--sf-text--size);line-height:var(--sf-text--height)}.sf-outline__list,.sf-outline__list .sf-outline__list{display:flex;flex-direction:column;gap:var(--sf-outline--gap);margin:0;padding:0;list-style:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-outline__list .sf-outline__list{padding-left:var(--sf-outline--indent)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-outline__list .sf-outline__list{padding-left:var(--sf-outline--indent)}}.sf-outline__list .sf-outline__list:where(:dir(ltr)){padding-left:var(--sf-outline--indent)}_:-ms-input-placeholder, [dir="rtl"] .sf-outline__list .sf-outline__list{padding-right:var(--sf-outline--indent)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-outline__list .sf-outline__list{padding-right:var(--sf-outline--indent)}}.sf-outline__list .sf-outline__list:where(:dir(rtl)){padding-right:var(--sf-outline--indent)}.sf-outline__list .sf-outline__list{-webkit-padding-start:var(--sf-outline--indent);padding-inline-start:var(--sf-outline--indent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-outline__link{border-left:var(--sf-outline--indicator-width) solid var(--sf-transparent)}@supports not (border-inline-start: initial){html:not([dir="rtl"]) .sf-outline__link{border-left:var(--sf-outline--indicator-width) solid var(--sf-transparent)}}.sf-outline__link:where(:dir(ltr)){border-left:var(--sf-outline--indicator-width) solid var(--sf-transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-outline__link{border-right:var(--sf-outline--indicator-width) solid var(--sf-transparent)}@supports not (border-inline-start: initial){[dir="rtl"] .sf-outline__link{border-right:var(--sf-outline--indicator-width) solid var(--sf-transparent)}}.sf-outline__link:where(:dir(rtl)){border-right:var(--sf-outline--indicator-width) solid var(--sf-transparent)}.sf-outline__link{display:block;box-sizing:border-box;min-width:var(--sf-0);min-inline-size:var(--sf-0);padding-top:var(--sf-outline--link-padding-block);padding-bottom:var(--sf-outline--link-padding-block);padding-block:var(--sf-outline--link-padding-block);padding-left:var(--sf-outline--link-padding-inline);padding-right:var(--sf-outline--link-padding-inline);padding-inline:var(--sf-outline--link-padding-inline);border:0;-webkit-border-start:var(--sf-outline--indicator-width) solid var(--sf-transparent);border-inline-start:var(--sf-outline--indicator-width) solid var(--sf-transparent);border-radius:var(--sf-radius--ui);color:var(--sf-outline--color);background-color:var(--sf-transparent);word-wrap:anywhere;text-decoration:none}.sf-outline__link:hover{color:var(--sf-outline--hover-color);background-color:var(--sf-outline--hover-background)}.sf-outline__link:focus{outline:none}.sf-outline__link.focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-outline__link:focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-outline__link[aria-current=location],html:not([dir="rtl"]) .sf-outline__link[data-sf-outline-active]{border-left-color:var(--sf-outline--current-indicator)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-outline__link[aria-current=location],html:not([dir="rtl"]) .sf-outline__link[data-sf-outline-active]{border-left-color:var(--sf-outline--current-indicator)}}.sf-outline__link[aria-current=location]:where(:dir(ltr)),.sf-outline__link[data-sf-outline-active]:where(:dir(ltr)){border-left-color:var(--sf-outline--current-indicator)}_:-ms-input-placeholder, [dir="rtl"] .sf-outline__link[aria-current=location],[dir="rtl"] .sf-outline__link[data-sf-outline-active]{border-right-color:var(--sf-outline--current-indicator)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-outline__link[aria-current=location],[dir="rtl"] .sf-outline__link[data-sf-outline-active]{border-right-color:var(--sf-outline--current-indicator)}}.sf-outline__link[aria-current=location]:where(:dir(rtl)),.sf-outline__link[data-sf-outline-active]:where(:dir(rtl)){border-right-color:var(--sf-outline--current-indicator)}.sf-outline__link[aria-current=location],.sf-outline__link[data-sf-outline-active]{border-inline-start-color:var(--sf-outline--current-indicator);color:var(--sf-outline--current-color);background-color:var(--sf-outline--current-background);font-weight:var(--sf-font-weight-medium)}@media(forced-colors: active){.sf-outline__link.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-outline__link:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-outline__link[aria-current=location],html:not([dir="rtl"]) .sf-outline__link[data-sf-outline-active]{border-left-color:Highlight}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-outline__link[aria-current=location],html:not([dir="rtl"]) .sf-outline__link[data-sf-outline-active]{border-left-color:Highlight}}.sf-outline__link[aria-current=location]:where(:dir(ltr)),.sf-outline__link[data-sf-outline-active]:where(:dir(ltr)){border-left-color:Highlight}_:-ms-input-placeholder, [dir="rtl"] .sf-outline__link[aria-current=location],[dir="rtl"] .sf-outline__link[data-sf-outline-active]{border-right-color:Highlight}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-outline__link[aria-current=location],[dir="rtl"] .sf-outline__link[data-sf-outline-active]{border-right-color:Highlight}}.sf-outline__link[aria-current=location]:where(:dir(rtl)),.sf-outline__link[data-sf-outline-active]:where(:dir(rtl)){border-right-color:Highlight}.sf-outline__link[aria-current=location],.sf-outline__link[data-sf-outline-active]{border-inline-start-color:Highlight}}}

package/distr/component/overbox/css/overbox.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-overbox-pointer{top:calc(-1*var(--sf-c1));height:var(--sf-c1);width:var(--sf-c6)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-overbox-pointer:before{left:var(--sf-a8)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-overbox-pointer:before{left:var(--sf-a8)}}.sf-overbox-pointer:before:where(:dir(ltr)){left:var(--sf-a8)}_:-ms-input-placeholder, [dir="rtl"] .sf-overbox-pointer:before{right:var(--sf-a8)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-overbox-pointer:before{right:var(--sf-a8)}}.sf-overbox-pointer:before:where(:dir(rtl)){right:var(--sf-a8)}.sf-overbox-pointer:before{content:"";background-color:var(--sf-elevation-4--surface);--sf-on-surface-variant: var(--sf-on-elevation-4--variant);box-shadow:var(--sf-elevation-4--shadow);width:var(--sf-b6);height:var(--sf-b6);position:absolute;inset-inline-start:var(--sf-a8);top:var(--sf-b6);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-overbox-right{right:calc(-1*var(--sf-c3))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-overbox-right{right:calc(-1*var(--sf-c3))}}.sf-overbox-right:where(:dir(ltr)){right:calc(-1*var(--sf-c3))}_:-ms-input-placeholder, [dir="rtl"] .sf-overbox-right{left:calc(-1*var(--sf-c3))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-overbox-right{left:calc(-1*var(--sf-c3))}}.sf-overbox-right:where(:dir(rtl)){left:calc(-1*var(--sf-c3))}.sf-overbox-right{top:var(--sf-c6);inset-inline-end:calc(-1*var(--sf-c3));-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sf-overbox-bottom:before{top:auto;bottom:var(--sf-b6)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-overbox-left{left:calc(-1*var(--sf-c3))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-overbox-left{left:calc(-1*var(--sf-c3))}}.sf-overbox-left:where(:dir(ltr)){left:calc(-1*var(--sf-c3))}_:-ms-input-placeholder, [dir="rtl"] .sf-overbox-left{right:calc(-1*var(--sf-c3))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-overbox-left{right:calc(-1*var(--sf-c3))}}.sf-overbox-left:where(:dir(rtl)){right:calc(-1*var(--sf-c3))}.sf-overbox-left{top:var(--sf-b6);inset-inline-start:calc(-1*var(--sf-c3));-webkit-transform:rotate(270deg);transform:rotate(270deg)}}

package/distr/component/overcard/css/overcard.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-overcard:hover .sf-overcard-secondary{visibility:visible;opacity:1}}

package/distr/component/pagination/css/pagination.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-page-number{padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}}.sf-page-number:where(:dir(ltr)){padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-page-number{padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}}.sf-page-number:where(:dir(rtl)){padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-right, var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-page-number{padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}}.sf-page-number:where(:dir(ltr)){padding-left:var(--sf-space-1\/3);padding-left:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-page-number{padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}}.sf-page-number:where(:dir(rtl)){padding-right:var(--sf-space-1\/3);padding-right:var(--sf-page-number--padding-left, var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-top-left-radius:var(--sf-page-number--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-page-number{border-top-left-radius:var(--sf-page-number--border-start-start-radius)}}.sf-page-number:where(:dir(ltr)){border-top-left-radius:var(--sf-page-number--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-top-right-radius:var(--sf-page-number--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-page-number{border-top-right-radius:var(--sf-page-number--border-start-start-radius)}}.sf-page-number:where(:dir(rtl)){border-top-right-radius:var(--sf-page-number--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-top-right-radius:var(--sf-page-number--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-page-number{border-top-right-radius:var(--sf-page-number--border-start-end-radius)}}.sf-page-number:where(:dir(ltr)){border-top-right-radius:var(--sf-page-number--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-top-left-radius:var(--sf-page-number--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-page-number{border-top-left-radius:var(--sf-page-number--border-start-end-radius)}}.sf-page-number:where(:dir(rtl)){border-top-left-radius:var(--sf-page-number--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-bottom-left-radius:var(--sf-page-number--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-page-number{border-bottom-left-radius:var(--sf-page-number--border-end-start-radius)}}.sf-page-number:where(:dir(ltr)){border-bottom-left-radius:var(--sf-page-number--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-bottom-right-radius:var(--sf-page-number--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-page-number{border-bottom-right-radius:var(--sf-page-number--border-end-start-radius)}}.sf-page-number:where(:dir(rtl)){border-bottom-right-radius:var(--sf-page-number--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-bottom-right-radius:var(--sf-page-number--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-page-number{border-bottom-right-radius:var(--sf-page-number--border-end-end-radius)}}.sf-page-number:where(:dir(ltr)){border-bottom-right-radius:var(--sf-page-number--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-bottom-left-radius:var(--sf-page-number--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-page-number{border-bottom-left-radius:var(--sf-page-number--border-end-end-radius)}}.sf-page-number:where(:dir(rtl)){border-bottom-left-radius:var(--sf-page-number--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-right-width:0;border-right-width:var(--sf-page-number--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-page-number{border-right-width:0;border-right-width:var(--sf-page-number--border-inline-end-width, 0)}}.sf-page-number:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-page-number--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-left-width:0;border-left-width:var(--sf-page-number--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-page-number{border-left-width:0;border-left-width:var(--sf-page-number--border-inline-end-width, 0)}}.sf-page-number:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-page-number--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-page-number{border-left-width:0;border-left-width:var(--sf-page-number--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-page-number{border-left-width:0;border-left-width:var(--sf-page-number--border-inline-start-width, 0)}}.sf-page-number:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-page-number--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-page-number{border-right-width:0;border-right-width:var(--sf-page-number--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-page-number{border-right-width:0;border-right-width:var(--sf-page-number--border-inline-start-width, 0)}}.sf-page-number:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-page-number--border-inline-start-width, 0)}.sf-page-number{align-items:center;font-family:var(--sf-text--family);font-family:var(--sf-page-number--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-page-number--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-page-number--font-weight, var(--sf-font-weight-regular));gap:var(--sf-b0);gap:var(--sf-page-number--gap, var(--sf-b0));height:var(--sf-ui-1--control-height);block-size:var(--sf-ui-1--control-height);height:var(--sf-ui-1--control-height);height:var(--sf-page-number--height, var(--sf-ui-1--control-height));block-size:var(--sf-page-number--height, var(--sf-ui-1--control-height));line-height:var(--sf-text-height-1);line-height:var(--sf-page-number--line-height, var(--sf-text-height-1));padding-bottom:var(--sf-space-1\/3);-webkit-padding-after:var(--sf-space-1\/3);padding-block-end:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-bottom:var(--sf-page-number--padding-bottom, var(--sf-space-1\/3));-webkit-padding-after:var(--sf-page-number--padding-bottom, var(--sf-space-1\/3));padding-block-end:var(--sf-page-number--padding-bottom, var(--sf-space-1\/3));-webkit-padding-end:var(--sf-space-1\/3);padding-inline-end:var(--sf-space-1\/3);-webkit-padding-end:var(--sf-page-number--padding-right, var(--sf-space-1\/3));padding-inline-end:var(--sf-page-number--padding-right, var(--sf-space-1\/3));-webkit-padding-start:var(--sf-space-1\/3);padding-inline-start:var(--sf-space-1\/3);-webkit-padding-start:var(--sf-page-number--padding-left, var(--sf-space-1\/3));padding-inline-start:var(--sf-page-number--padding-left, var(--sf-space-1\/3));padding-top:var(--sf-space-1\/3);-webkit-padding-before:var(--sf-space-1\/3);padding-block-start:var(--sf-space-1\/3);padding-top:var(--sf-space-1\/3);padding-top:var(--sf-page-number--padding-top, var(--sf-space-1\/3));-webkit-padding-before:var(--sf-page-number--padding-top, var(--sf-space-1\/3));padding-block-start:var(--sf-page-number--padding-top, var(--sf-space-1\/3));width:var(--sf-ui-1--control-height);inline-size:var(--sf-ui-1--control-height);width:var(--sf-ui-1--control-height);width:var(--sf-page-number--width, var(--sf-ui-1--control-height));inline-size:var(--sf-page-number--width, var(--sf-ui-1--control-height));border-start-start-radius:var(--sf-page-number--border-start-start-radius);border-start-end-radius:var(--sf-page-number--border-start-end-radius);border-end-start-radius:var(--sf-page-number--border-end-start-radius);border-end-end-radius:var(--sf-page-number--border-end-end-radius);background-color:var(--sf-page-number--background-color);color:var(--sf-page-number--color);box-shadow:var(--sf-page-number--box-shadow);border-color:transparent;border-color:var(--sf-page-number--border-color, transparent);border-width:0;border-width:var(--sf-page-number--border-width, 0);border-top-width:0;border-block-start-width:0;border-top-width:0;border-top-width:var(--sf-page-number--border-top-width, 0);border-block-start-width:var(--sf-page-number--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-page-number--border-inline-end-width, 0);border-bottom-width:0;border-block-end-width:0;border-bottom-width:0;border-bottom-width:var(--sf-page-number--border-bottom-width, 0);border-block-end-width:var(--sf-page-number--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-page-number--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-page-number--border-style, solid);box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none;white-space:nowrap;transition-property:background-color,border-color,box-shadow,color;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-animation);--sf-page-number--background-color: var(--sf-surface-0);--sf-page-number--color: var(--sf-on-surface-variant);--sf-page-number--border-top-width: var(--sf-px);--sf-page-number--border-bottom-width: var(--sf-px);--sf-page-number--border-inline-start-width: var(--sf-px);--sf-page-number--border-inline-end-width: var(--sf-px)}.sf-page-number--square{--sf-page-number--border-end-end-radius: var(--sf-radius--ui);--sf-page-number--border-end-start-radius: var(--sf-radius--ui);--sf-page-number--border-start-end-radius: var(--sf-radius--ui);--sf-page-number--border-start-start-radius: var(--sf-radius--ui)}.sf-page-number--circle{--sf-page-number--border-end-end-radius: var(--sf-radius-circle);--sf-page-number--border-end-start-radius: var(--sf-radius-circle);--sf-page-number--border-start-end-radius: var(--sf-radius-circle);--sf-page-number--border-start-start-radius: var(--sf-radius-circle)}.sf-page-number:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-page-number:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-page-number:not(:disabled):not(.disabled):hover{--sf-page-number--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-page-number--color: var(--sf-on-surface)}.sf-page-number:not(:disabled):not(.disabled):active,.sf-page-number.selected{--sf-page-number--background-color: var(--sf-primary-container-active);--sf-page-number--border-color: var(--sf-primary-active);--sf-page-number--border-style: solid;--sf-page-number--border-width: var(--sf-px);--sf-page-number--color: var(--sf-primary-active);--sf-page-number--font-weight: var(--sf-font-weight-medium)}.sf-page-number--ellipsis{--sf-page-number--background-color: transparent;--sf-page-number--border-bottom-width: 0;--sf-page-number--border-inline-end-width: 0;--sf-page-number--border-inline-start-width: 0;--sf-page-number--border-top-width: 0;align-items:center;display:inline-flex;justify-content:center}.sf-page-number:disabled,.sf-page-number.disabled{--sf-page-number--background-color: var(--sf-disable);--sf-page-number--color: var(--sf-on-disable);cursor:not-allowed}@media(forced-colors: active){.sf-page-number:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-a2) solid Highlight;outline-offset:var(--sf-a1)}.sf-page-number:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-a2) solid Highlight;outline-offset:var(--sf-a1)}.sf-page-number.selected{border-color:Highlight}}@media(prefers-reduced-motion: reduce){.sf-page-number{transition-duration:0s}}}@layer sf.components{}@layer sf.components{.sf-pagination{background-color:transparent;background-color:var(--sf-pagination--background-color, transparent);min-width:0;min-inline-size:0}.sf-pagination.sf-pagination--size-1\/2{--sf-pagination-marked-text--font-size: var(--sf-text-size-1\/2);--sf-pagination-marked-text--line-height: var(--sf-text-height-1\/2);--sf-pagination-total--font-size: var(--sf-text-size-1\/2);--sf-pagination-total--line-height: var(--sf-text-height-1\/2);--sf-pagination-container--font-size: var(--sf-text-size-1\/2);--sf-pagination-container--line-height: var(--sf-text-height-1\/2);--sf-pagination-count--font-size: var(--sf-text-size-1\/2);--sf-pagination-count--line-height: var(--sf-text-height-1\/2);--sf-page-number--font-size: var(--sf-text-size-1\/2);--sf-page-number--line-height: var(--sf-text-height-1\/2);--sf-page-number--height: var(--sf-ui-1\/2--control-height);--sf-page-number--width: var(--sf-ui-1\/2--control-height)}.sf-pagination .sf-pagination-top{--sf-pagination-top--background-color: transparent;--sf-pagination-top--border-bottom-width: var(--sf-px);--sf-pagination-top--border-color: var(--sf-outline-variant);--sf-pagination-top--border-style: solid;--sf-pagination-top--padding-bottom: calc(var(--sf-space-3) - var(--sf-space-1));background-color:var(--sf-pagination-top--background-color);border-bottom-width:var(--sf-pagination-top--border-bottom-width);border-color:transparent;border-color:var(--sf-pagination-top--border-color, transparent);border-style:solid;border-style:var(--sf-pagination-top--border-style, solid);gap:var(--sf-b0);padding-bottom:var(--sf-pagination-top--padding-bottom)}.sf-pagination .sf-pagination-main{--sf-pagination-main--background-color: transparent;--sf-pagination-main--border-bottom-width: var(--sf-px);--sf-pagination-main--border-color: var(--sf-outline-variant);--sf-pagination-main--border-style: solid;--sf-pagination-main--padding-bottom: var(--sf-space-1);--sf-pagination-main--padding-top: var(--sf-space-1);background-color:var(--sf-pagination-main--background-color);border-bottom-width:var(--sf-pagination-main--border-bottom-width);border-color:transparent;border-color:var(--sf-pagination-main--border-color, transparent);border-style:solid;border-style:var(--sf-pagination-main--border-style, solid);gap:var(--sf-space-1);padding-bottom:var(--sf-pagination-main--padding-bottom);padding-top:var(--sf-pagination-main--padding-top)}.sf-pagination .sf-pagination-left{--sf-pagination-left--background-color: transparent;--sf-pagination-left--gap: var(--sf-space-1);background-color:var(--sf-pagination-left--background-color);gap:var(--sf-pagination-left--gap);min-width:0;min-inline-size:0}.sf-pagination .sf-pagination-marked{--sf-pagination-marked--background-color: transparent;--sf-pagination-marked--gap: var(--sf-space-1\/3);background-color:var(--sf-pagination-marked--background-color);gap:var(--sf-pagination-marked--gap)}.sf-pagination .sf-pagination-marked-text{--sf-pagination-marked-text--font-family: var(--sf-text--family);--sf-pagination-marked-text--font-size: var(--sf-text-size-1);--sf-pagination-marked-text--line-height: var(--sf-text-height-1)}.sf-pagination.sf-pagination--size-1\/2 .sf-pagination-marked-text{--sf-pagination-marked-text--font-size: var(--sf-text-size-1\/2);--sf-pagination-marked-text--line-height: var(--sf-text-height-1\/2)}.sf-pagination .sf-pagination-marked-text{color:var(--sf-pagination-marked-text--color);font-family:var(--sf-pagination-marked-text--font-family);font-size:var(--sf-pagination-marked-text--font-size);font-weight:var(--sf-pagination-marked-text--font-weight);line-height:var(--sf-pagination-marked-text--line-height)}.sf-pagination .sf-pagination-total{--sf-pagination-total--background-color: transparent;--sf-pagination-total--gap: var(--sf-space-1\/3);background-color:var(--sf-pagination-total--background-color);color:var(--sf-on-surface-variant);color:var(--sf-pagination-total--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-pagination-total--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-pagination-total--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-pagination-total--font-weight, var(--sf-font-weight-regular));gap:var(--sf-pagination-total--gap);line-height:var(--sf-text-height-1);line-height:var(--sf-pagination-total--line-height, var(--sf-text-height-1))}.sf-pagination .sf-pagination-container{--sf-pagination-container--background-color: transparent;--sf-pagination-container--gap: var(--sf-space-1\/3);background-color:var(--sf-pagination-container--background-color);color:var(--sf-on-surface-variant);color:var(--sf-pagination-container--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-pagination-container--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-pagination-container--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-pagination-container--font-weight, var(--sf-font-weight-regular));gap:var(--sf-pagination-container--gap);line-height:var(--sf-text-height-1);line-height:var(--sf-pagination-container--line-height, var(--sf-text-height-1));min-width:0;min-inline-size:0;white-space:nowrap}.sf-pagination .sf-pagination-list{gap:var(--sf-pagination-container--gap);list-style:none;margin:0;min-width:0;min-inline-size:0;padding:0}.sf-pagination .sf-pagination-item{display:flex;flex:0 0 auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-pagination .sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-pagination .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-pagination .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-pagination .sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-pagination .sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-pagination .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-pagination .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-pagination .sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-pagination .sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-pagination .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-pagination .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-pagination .sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-pagination .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-pagination .sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-pagination .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-pagination .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-pagination .sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}.sf-pagination .sf-icon-button{--sf-icon-button--border-end-end-radius: var(--sf-radius--ui);--sf-icon-button--border-end-start-radius: var(--sf-radius--ui);--sf-icon-button--border-start-end-radius: var(--sf-radius--ui);--sf-icon-button--border-start-start-radius: var(--sf-radius--ui);border-end-end-radius:var(--sf-icon-button--border-end-end-radius);border-end-start-radius:var(--sf-icon-button--border-end-start-radius);border-start-end-radius:var(--sf-icon-button--border-start-end-radius);border-start-start-radius:var(--sf-icon-button--border-start-start-radius)}.sf-pagination .sf-pagination-main .sf-pagination-container .sf-icon-button.sf-icon-button--link:not(:disabled):not(.disabled)>.sf-icon{--sf-icon--color: var(--sf-on-surface-variant);color:var(--sf-icon--color)}[dir=rtl] .sf-pagination .sf-pagination-direction .sf-icon,[dir=rtl] .sf-pagination .sf-pagination-direction sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-pagination .sf-pagination-count{--sf-pagination-count--background-color: transparent;--sf-pagination-count--gap: var(--sf-space-1\/3);background-color:var(--sf-pagination-count--background-color);color:var(--sf-on-surface-variant);color:var(--sf-pagination-count--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-pagination-count--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-pagination-count--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-pagination-count--font-weight, var(--sf-font-weight-regular));gap:var(--sf-pagination-count--gap);line-height:var(--sf-text-height-1);line-height:var(--sf-pagination-count--line-height, var(--sf-text-height-1))}.sf-pagination .sf-pagination-bottom{--sf-pagination-bottom--background-color: transparent;--sf-pagination-bottom--gap: var(--sf-space-1\/2);--sf-pagination-bottom--padding-bottom: var(--sf-space-1);--sf-pagination-bottom--padding-top: var(--sf-space-1);background-color:var(--sf-pagination-bottom--background-color);gap:var(--sf-pagination-bottom--gap);padding-bottom:var(--sf-pagination-bottom--padding-bottom);padding-top:var(--sf-pagination-bottom--padding-top);min-width:0;min-inline-size:0}.sf-pagination-actions{--sf-pagination-actions--background-color: var(--sf-elevation-2--surface);--sf-on-surface-variant: var(--sf-on-elevation-2--variant);--sf-pagination-actions--border-color: var(--sf-outline-variant);--sf-pagination-actions--gap: var(--sf-space-1);--sf-pagination-actions--padding-block: var(--sf-space-1);--sf-pagination-actions--padding-inline: var(--sf-space-2);--sf-pagination-actions--radius: var(--sf-radius--surface);position:sticky;bottom:0;inset-block-end:0;width:100%;inline-size:100%;flex-wrap:wrap;gap:var(--sf-pagination-actions--gap);padding-top:var(--sf-pagination-actions--padding-block);padding-bottom:var(--sf-pagination-actions--padding-block);padding-block:var(--sf-pagination-actions--padding-block);padding-left:var(--sf-pagination-actions--padding-inline);padding-right:var(--sf-pagination-actions--padding-inline);padding-inline:var(--sf-pagination-actions--padding-inline);background-color:var(--sf-pagination-actions--background-color);border-top:var(--sf-px) solid var(--sf-pagination-actions--border-color);-webkit-border-before:var(--sf-px) solid var(--sf-pagination-actions--border-color);border-block-start:var(--sf-px) solid var(--sf-pagination-actions--border-color);border-radius:var(--sf-pagination-actions--radius);box-shadow:var(--sf-elevation-2--shadow);z-index:var(--sf-z-index-3)}.sf-pagination .sf-pagination-list .sf-pagination-item[\:has\(sf-icon-button\)]{display:contents}.sf-pagination .sf-pagination-list .sf-pagination-item:has(sf-icon-button){display:contents}.sf-pagination .sf-pagination-page-field{--sf-pagination-page-input--digits: 1;gap:var(--sf-space-1\/2);white-space:nowrap}.sf-pagination .sf-pagination-page-input{width:auto;inline-size:auto}.sf-pagination .sf-pagination-page-input .sf-input-field input{flex:0 0 auto;box-sizing:border-box;width:calc(max(1,1)*1ch + var(--sf-a0) + var(--sf-a0));inline-size:calc(max(1,1)*1ch + var(--sf-a0) + var(--sf-a0));width:calc(max(1,1)*1ch + var(--sf-a0) + var(--sf-a0));width:calc(max(var(--sf-pagination-page-input--digits, 1),1)*1ch + var(--sf-input-input--padding-inline-start, var(--sf-a0)) + var(--sf-input-input--padding-inline-end, var(--sf-a0)));inline-size:calc(max(var(--sf-pagination-page-input--digits, 1),1)*1ch + var(--sf-input-input--padding-inline-start, var(--sf-a0)) + var(--sf-input-input--padding-inline-end, var(--sf-a0)));min-width:calc(1ch + var(--sf-a0) + var(--sf-a0));min-inline-size:calc(1ch + var(--sf-a0) + var(--sf-a0));min-width:calc(1ch + var(--sf-a0) + var(--sf-a0));min-width:calc(1ch + var(--sf-input-input--padding-inline-start, var(--sf-a0)) + var(--sf-input-input--padding-inline-end, var(--sf-a0)));min-inline-size:calc(1ch + var(--sf-input-input--padding-inline-start, var(--sf-a0)) + var(--sf-input-input--padding-inline-end, var(--sf-a0)));text-align:center}.sf-pagination-actions-count{color:var(--sf-on-surface);font-weight:var(--sf-font-weight-medium);white-space:nowrap}.sf-pagination-actions-separator{align-self:stretch;width:var(--sf-px);inline-size:var(--sf-px);background-color:var(--sf-outline-variant)}.sf-pagination .sf-pagination-marked-text:nth-child(1){--sf-pagination-marked-text--color: var(--sf-on-surface-variant);--sf-pagination-marked-text--font-weight: var(--sf-font-weight-regular)}.sf-pagination .sf-pagination-marked-text:nth-child(2){--sf-pagination-marked-text--color: var(--sf-on-surface);--sf-pagination-marked-text--font-weight: var(--sf-font-weight-medium)}@media(max-width: 44rem){.sf-pagination .sf-pagination-main{align-items:stretch;flex-direction:column}.sf-pagination .sf-pagination-left{justify-content:space-between;width:100%;inline-size:100%}.sf-pagination .sf-pagination-container{justify-content:space-between;width:100%;inline-size:100%}.sf-pagination .sf-pagination-pages-label{display:none}.sf-pagination .sf-pagination-list{justify-content:center;width:100%;inline-size:100%}.sf-pagination .sf-pagination-count,.sf-pagination .sf-pagination-bottom{align-items:stretch;flex-direction:column}}}@layer sf.components{.sf-pagination-count .sf-dropdown-field{max-width:var(--sf-e3);max-width:var(--sf-pagination-count--dropdown, var(--sf-e3))}.sf-pagination-bottom .sf-dropdown-field{max-width:var(--sf-f2);max-width:var(--sf-pagination-bottom--dropdown, var(--sf-f2))}.sf-pagination-more{flex:1 1 auto;min-width:0;min-inline-size:0}.sf-pagination-more>sf-button>button{flex:1 1 auto}}

package/distr/component/placeholder/css/placeholder.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-placeholder{--sf-placeholder--background-color: var(--sf-transparent);--sf-placeholder--color: var(--sf-on-surface);--sf-placeholder--gap: var(--sf-space-1);--sf-placeholder-content--gap: var(--sf-placeholder-right--gap, var(--sf-space-1));--sf-placeholder-header--gap: var(--sf-placeholder-top--gap, var(--sf-space-1\/3));--sf-placeholder-actions--gap: var(--sf-space-1\/2);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--sf-0);min-inline-size:var(--sf-0);width:100%;inline-size:100%;gap:var(--sf-placeholder--gap);color:var(--sf-placeholder--color);background-color:var(--sf-placeholder--background-color);text-align:center}.sf-placeholder--column{flex-direction:column}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-placeholder--row{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-placeholder--row{text-align:left}}.sf-placeholder--row:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-placeholder--row{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-placeholder--row{text-align:right}}.sf-placeholder--row:where(:dir(rtl)){text-align:right}.sf-placeholder--row{flex-flow:row wrap;align-items:center;justify-content:flex-start;text-align:start}.sf-placeholder>.sf-placeholder__visual{flex:none;max-width:100%;max-inline-size:100%}.sf-placeholder>.sf-placeholder__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;gap:var(--sf-placeholder-content--gap);background-color:var(--sf-transparent);background-color:var(--sf-placeholder-content--background-color, var(--sf-placeholder-right--background-color, var(--sf-transparent)))}.sf-placeholder>.sf-placeholder-right{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;gap:var(--sf-placeholder-content--gap);background-color:var(--sf-transparent);background-color:var(--sf-placeholder-content--background-color, var(--sf-placeholder-right--background-color, var(--sf-transparent)))}.sf-placeholder--row>.sf-placeholder__content{align-items:flex-start}.sf-placeholder--row>.sf-placeholder-right{align-items:flex-start}.sf-placeholder .sf-placeholder__header{display:flex;flex-direction:column;align-items:inherit;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;gap:var(--sf-placeholder-header--gap);background-color:var(--sf-transparent);background-color:var(--sf-placeholder-header--background-color, var(--sf-placeholder-top--background-color, var(--sf-transparent)))}.sf-placeholder .sf-placeholder-top{display:flex;flex-direction:column;align-items:inherit;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;gap:var(--sf-placeholder-header--gap);background-color:var(--sf-transparent);background-color:var(--sf-placeholder-header--background-color, var(--sf-placeholder-top--background-color, var(--sf-transparent)))}.sf-placeholder .sf-placeholder__title:not(.does-not-exist){color:var(--sf-on-surface);color:var(--sf-placeholder-title--color, var(--sf-placeholder-top-text--color, var(--sf-on-surface)));font-family:var(--sf-heading--family);font-family:var(--sf-placeholder-title--font-family, var(--sf-placeholder-top-text--font-family, var(--sf-heading--family)));font-size:var(--sf-text--size);font-size:var(--sf-placeholder-title--font-size, var(--sf-placeholder-top-text--font-size, var(--sf-text--size)));font-weight:var(--sf-heading--weight);font-weight:var(--sf-placeholder-title--font-weight, var(--sf-placeholder-top-text--font-weight, var(--sf-heading--weight)));line-height:var(--sf-text--height);line-height:var(--sf-placeholder-title--line-height, var(--sf-placeholder-top-text--line-height, var(--sf-text--height)));word-wrap:anywhere}.sf-placeholder .sf-placeholder-top-text:first-child{color:var(--sf-on-surface);color:var(--sf-placeholder-title--color, var(--sf-placeholder-top-text--color, var(--sf-on-surface)));font-family:var(--sf-heading--family);font-family:var(--sf-placeholder-title--font-family, var(--sf-placeholder-top-text--font-family, var(--sf-heading--family)));font-size:var(--sf-text--size);font-size:var(--sf-placeholder-title--font-size, var(--sf-placeholder-top-text--font-size, var(--sf-text--size)));font-weight:var(--sf-heading--weight);font-weight:var(--sf-placeholder-title--font-weight, var(--sf-placeholder-top-text--font-weight, var(--sf-heading--weight)));line-height:var(--sf-text--height);line-height:var(--sf-placeholder-title--line-height, var(--sf-placeholder-top-text--line-height, var(--sf-text--height)));word-wrap:anywhere}.sf-placeholder .sf-placeholder__description:not(.does-not-exist){color:var(--sf-on-surface-variant);color:var(--sf-placeholder-description--color, var(--sf-placeholder-top-text--color, var(--sf-on-surface-variant)));font-family:var(--sf-text--family);font-family:var(--sf-placeholder-description--font-family, var(--sf-placeholder-top-text--font-family, var(--sf-text--family)));font-size:var(--sf-text--size);font-size:var(--sf-placeholder-description--font-size, var(--sf-placeholder-top-text--font-size, var(--sf-text--size)));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-placeholder-description--font-weight, var(--sf-placeholder-top-text--font-weight, var(--sf-font-weight-regular)));line-height:var(--sf-text--height);line-height:var(--sf-placeholder-description--line-height, var(--sf-placeholder-top-text--line-height, var(--sf-text--height)));word-wrap:anywhere}.sf-placeholder .sf-placeholder-top-text:nth-child(2){color:var(--sf-on-surface-variant);color:var(--sf-placeholder-description--color, var(--sf-placeholder-top-text--color, var(--sf-on-surface-variant)));font-family:var(--sf-text--family);font-family:var(--sf-placeholder-description--font-family, var(--sf-placeholder-top-text--font-family, var(--sf-text--family)));font-size:var(--sf-text--size);font-size:var(--sf-placeholder-description--font-size, var(--sf-placeholder-top-text--font-size, var(--sf-text--size)));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-placeholder-description--font-weight, var(--sf-placeholder-top-text--font-weight, var(--sf-font-weight-regular)));line-height:var(--sf-text--height);line-height:var(--sf-placeholder-description--line-height, var(--sf-placeholder-top-text--line-height, var(--sf-text--height)));word-wrap:anywhere}.sf-placeholder .sf-placeholder__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;gap:var(--sf-placeholder-actions--gap)}.sf-placeholder--row .sf-placeholder__actions{justify-content:flex-start}}

package/distr/component/progress-bar/css/progress-bar.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-progress-bar .sf-progress-bar-progress{margin-right:auto}@supports not (margin-inline-end: initial){html:not([dir="rtl"]) .sf-progress-bar .sf-progress-bar-progress{margin-right:auto}}.sf-progress-bar .sf-progress-bar-progress:where(:dir(ltr)){margin-right:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-progress-bar .sf-progress-bar-progress{margin-left:auto}@supports not (margin-inline-end: initial){[dir="rtl"] .sf-progress-bar .sf-progress-bar-progress{margin-left:auto}}.sf-progress-bar .sf-progress-bar-progress:where(:dir(rtl)){margin-left:auto}.sf-progress-bar .sf-progress-bar-progress{height:100%;-webkit-margin-end:auto;margin-inline-end:auto;width:0;transition-property:width;transition-duration:var(--sf-duration-normal)}.sf-progress-bar .sf-progress-bar-main{width:100%}.sf-progress-bar{width:100%}@media(prefers-reduced-motion: reduce){.sf-progress-bar .sf-progress-bar-progress{transition-duration:0s}}}@layer sf.components{.sf-progress-bar{background-color:transparent;background-color:var(--sf-progress-bar--background-color, transparent);color:var(--sf-on-surface);color:var(--sf-progress-bar--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-progress-bar--font-family, var(--sf-text--family));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-progress-bar--font-weight, var(--sf-font-weight-regular));gap:var(--sf-progress-bar--gap);font-size:var(--sf-progress-bar--font-size);line-height:var(--sf-progress-bar--line-height)}.sf-progress-bar .sf-progress-bar-main{--sf-progress-bar-main--background-color: var(--sf-surface-container);--sf-progress-bar-main--border-radius: var(--sf-radius--ui);background-color:var(--sf-progress-bar-main--background-color);border-radius:var(--sf-progress-bar-main--border-radius);height:var(--sf-progress-bar-main--height)}.sf-progress-bar .sf-progress-bar-progress{--sf-progress-bar-progress--background-color: var(--sf-primary);--sf-progress-bar-progress--border-radius: var(--sf-radius--ui);background-color:var(--sf-progress-bar-progress--background-color);border-radius:var(--sf-progress-bar-progress--border-radius)}.sf-progress-bar.sf-progress-bar--info .sf-progress-bar-progress{--sf-progress-bar-progress--background-color: var(--sf-info)}.sf-progress-bar.sf-progress-bar--success .sf-progress-bar-progress{--sf-progress-bar-progress--background-color: var(--sf-success)}.sf-progress-bar.sf-progress-bar--warning .sf-progress-bar-progress{--sf-progress-bar-progress--background-color: var(--sf-warning)}.sf-progress-bar.sf-progress-bar--error .sf-progress-bar-progress{--sf-progress-bar-progress--background-color: var(--sf-error)}.sf-progress-bar.sf-progress-bar--size-1{--sf-progress-bar--font-size: var(--sf-text-size-1\/2);--sf-progress-bar--line-height: var(--sf-text-height-1\/2)}.sf-progress-bar--size-1 .sf-progress-bar-main{--sf-progress-bar-main--height: var(--sf-text-size-1\/5)}.sf-progress-bar.sf-progress-bar--size-2{--sf-progress-bar--font-size: var(--sf-text-size-1);--sf-progress-bar--line-height: var(--sf-text-height-1)}.sf-progress-bar--size-2 .sf-progress-bar-main{--sf-progress-bar-main--height: var(--sf-text-size-1\/4)}.sf-progress-bar.sf-progress-bar--size-3{--sf-progress-bar--font-size: var(--sf-text-size-2);--sf-progress-bar--line-height: var(--sf-text-height-2)}.sf-progress-bar--size-3 .sf-progress-bar-main{--sf-progress-bar-main--height: var(--sf-text-size-1\/3)}.sf-progress-bar.sf-progress-bar--size-1\/3{--sf-progress-bar--font-size: var(--sf-text-size-1\/4);--sf-progress-bar--line-height: var(--sf-text-height-1\/4)}.sf-progress-bar--size-1\/3 .sf-progress-bar-main{--sf-progress-bar-main--height: var(--sf-text-size-1\/7)}.sf-progress-bar.sf-progress-bar--size-1\/2{--sf-progress-bar--font-size: var(--sf-text-size-1\/3);--sf-progress-bar--line-height: var(--sf-text-height-1\/3)}.sf-progress-bar--size-1\/2 .sf-progress-bar-main{--sf-progress-bar-main--height: var(--sf-text-size-1\/6)}.sf-progress-bar--size-1,.sf-progress-bar--size-2{--sf-progress-bar--gap: var(--sf-space-1\/3)}.sf-progress-bar--size-3{--sf-progress-bar--gap: var(--sf-space-1\/2)}.sf-progress-bar--size-1\/3,.sf-progress-bar--size-1\/2{--sf-progress-bar--gap: var(--sf-space-1\/4)}}

package/distr/component/progress-bar/js/progress-bar.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const s=t.match(/\(([^)]+)\)/g);s&&s.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const s=this.getUtilityMap();if(!s||!s[e])return;this.extractUtilityClasses(s[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},s=".sf-progress-bar",r="sfProgressBarBound";function n(t){const e=String(t||"").toLowerCase();return["1/3","1/2","1","2","3"].includes(e)?e:"1"}function a(t){const e=Number(t);return Number.isFinite(e)?Math.max(0,Math.min(100,e)):0}function i(t,e="none"){const s=String(t||e).toLowerCase();return["none","right","inline-end","bottom"].includes(s)?s:e}const o=["info","success","warning","error"];function l(t){const e=String(t||"").toLowerCase();return o.includes(e)?e:""}function c(t){return t?.querySelector?.(".sf-progress-bar-text")||null}function d(t){return c(t)?t.classList.contains("flex-col")?"bottom":"right":"none"}function u(t){if(!t)return!1;const e=function(t){return t?.querySelector?.(".sf-progress-bar-progress")||null}(t),s=function(t){return t?.querySelector?.(".sf-progress-bar-main")||null}(t);if(!e||!s)return!1;const r=a(t.dataset.value??t.getAttribute("data-value")??0),n=i(t.dataset.position??t.dataset.textPosition??t.getAttribute("data-text-position"),d(t)),u=l(t.dataset.tone);if(function(t,e="none"){t.classList.add("sf-progress-bar","flex"),t.classList.remove("flex-col","flex-row","items-cross-end","items-cross-center"),"bottom"!==e?"right"!==e&&"inline-end"!==e||t.classList.add("flex-row","items-cross-center"):t.classList.add("flex-col","items-cross-end")}(t,n),function(t,e){["primary",...o].forEach(s=>{t.classList.toggle(`sf-progress-bar--${s}`,s===e)}),e?t.dataset.tone=e:delete t.dataset.tone}(t,u),function(t,e){t.setAttribute("role","progressbar"),t.setAttribute("aria-valuemin","0"),t.setAttribute("aria-valuemax","100"),t.setAttribute("aria-valuenow",String(e));const s=t.dataset.label;s&&t.setAttribute("aria-label",s);const r=t.dataset.valueText;r?t.setAttribute("aria-valuetext",r):t.removeAttribute("aria-valuetext")}(t,r),e.style.width=`${r}%`,t.dataset.value=String(r),t.dataset.position=n,"none"===n){const e=c(t);return e&&e.remove(),!0}const p=function(t){let e=c(t);return e||(e=document.createElement("div"),e.className="sf-progress-bar-text",t.append(e),e)}(t);return p.textContent=`${r}%`,"bottom"===n&&p.parentElement!==t&&t.append(p),!0}function p(t){t&&"1"!==t.dataset[r]&&(u(t),t.dataset[r]="1")}function f(t=document){t.querySelectorAll(s).forEach(p)}e("ProgressBar",class extends t{static componentName="ProgressBar";html=null;constructor(t){super(t);const{size:e="1",value:s=0,textPosition:r="none",status:o,tone:c="primary",label:d="",valueText:u=""}=this.params||{},p=this.attrs.class||this.attrs.className,f=document.createElement("div");this.id&&(f.id=this.id),f.classList.add("sf-progress-bar",`sf-progress-bar--size-${n(e)}`,"flex"),p&&f.classList.add(...String(p).split(" ").filter(Boolean)),f.dataset.value=String(a(s)),f.dataset.position=i(r),f.dataset.tone=l(o??c),String(d).trim()&&(f.dataset.label=String(d).trim()),String(u).trim()&&(f.dataset.valueText=String(u).trim());const m=document.createElement("div");m.className="sf-progress-bar-main";const h=document.createElement("div");h.className="sf-progress-bar-progress transition",m.append(h),f.append(m),this.template=f}init(){p(this.template)}destroyInternal(){var t;(t=this.template)&&"1"===t.dataset[r]&&delete t.dataset[r]}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.ProgressBar=window.SF.ProgressBar||{},window.SF.ProgressBar.getState=function(t){const e=t instanceof HTMLElement?t.closest(s)||t:null;return e?{value:a(e.dataset.value??0),textPosition:i(e.dataset.position??e.dataset.textPosition,d(e)),status:l(e.dataset.tone),tone:l(e.dataset.tone),label:e.getAttribute("aria-label")||"",valueText:e.getAttribute("aria-valuetext")||""}:null},window.SF.ProgressBar.setState=function(t,e={}){const r=t instanceof HTMLElement?t.closest(s)||t:null;if(!r)return!1;if(Object.prototype.hasOwnProperty.call(e,"value")&&(r.dataset.value=String(a(e.value))),Object.prototype.hasOwnProperty.call(e,"textPosition")&&(r.dataset.position=i(e.textPosition)),(Object.prototype.hasOwnProperty.call(e,"status")||Object.prototype.hasOwnProperty.call(e,"tone"))&&(r.dataset.tone=l(e.status??e.tone)),Object.prototype.hasOwnProperty.call(e,"label")){const t=String(e.label||"").trim();t?(r.dataset.label=t,r.setAttribute("aria-label",t)):(delete r.dataset.label,r.removeAttribute("aria-label"))}if(Object.prototype.hasOwnProperty.call(e,"valueText")){const t=String(e.valueText||"").trim();t?r.dataset.valueText=t:delete r.dataset.valueText}if(Object.prototype.hasOwnProperty.call(e,"size")){const t=Array.from(r.classList).find(t=>t.startsWith("sf-progress-bar--size-"));t&&r.classList.remove(t),r.classList.add(`sf-progress-bar--size-${n(e.size)}`)}return u(r)}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>f(),{once:!0}):f();new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&(t.matches?.(s)&&p(t),f(t))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/progress-scale/css/progress-scale.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-progress-scale{--sf-progress-scale-fill-color: var(--sf-primary);background-color:transparent;background-color:var(--sf-progress-scale--background-color, transparent);color:var(--sf-on-surface-variant);color:var(--sf-progress-scale--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-family:var(--sf-progress-scale--font-family, var(--sf-text--family));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-progress-scale--font-weight, var(--sf-font-weight-regular));font-size:var(--sf-progress-scale--font-size);gap:var(--sf-progress-scale--gap);line-height:var(--sf-progress-scale--line-height);width:100%}.sf-progress-scale.sf-progress-scale--info{--sf-progress-scale-fill-color: var(--sf-info)}.sf-progress-scale.sf-progress-scale--success{--sf-progress-scale-fill-color: var(--sf-success)}.sf-progress-scale.sf-progress-scale--warning{--sf-progress-scale-fill-color: var(--sf-warning)}.sf-progress-scale.sf-progress-scale--error{--sf-progress-scale-fill-color: var(--sf-error)}.sf-progress-scale .sf-progress-scale-container{background-color:rgba(0,0,0,0);border-radius:var(--sf-radius--ui);gap:var(--sf-a1);height:var(--sf-progress-scale-container--height);width:100%}.sf-progress-scale .sf-progress-scale-block{background-color:var(--sf-surface-container)}.sf-progress-scale--10 .sf-progress-scale-block:nth-child(-n+1),.sf-progress-scale--20 .sf-progress-scale-block:nth-child(-n+2),.sf-progress-scale--30 .sf-progress-scale-block:nth-child(-n+3),.sf-progress-scale--40 .sf-progress-scale-block:nth-child(-n+4),.sf-progress-scale--50 .sf-progress-scale-block:nth-child(-n+5),.sf-progress-scale--60 .sf-progress-scale-block:nth-child(-n+6),.sf-progress-scale--70 .sf-progress-scale-block:nth-child(-n+7),.sf-progress-scale--80 .sf-progress-scale-block:nth-child(-n+8),.sf-progress-scale--90 .sf-progress-scale-block:nth-child(-n+9),.sf-progress-scale--100 .sf-progress-scale-block:nth-child(-n+10){background-color:var(--sf-progress-scale-fill-color)}.sf-progress-scale--size-1\/3 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/7)}.sf-progress-scale--size-1\/2 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/6)}.sf-progress-scale--size-1 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/5)}.sf-progress-scale--size-2 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/4)}.sf-progress-scale--size-3 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/3)}.sf-progress-scale--size-1\/3{--sf-progress-scale--font-size: var(--sf-text-size-1\/4);--sf-progress-scale--gap: var(--sf-space-1\/4);--sf-progress-scale--line-height: var(--sf-text-height-1\/4)}.sf-progress-scale--size-1\/2{--sf-progress-scale--font-size: var(--sf-text-size-1\/3);--sf-progress-scale--gap: var(--sf-space-1\/4);--sf-progress-scale--line-height: var(--sf-text-height-1\/3)}.sf-progress-scale--size-1{--sf-progress-scale--font-size: var(--sf-text-size-1\/2);--sf-progress-scale--gap: var(--sf-space-1\/4);--sf-progress-scale--line-height: var(--sf-text-height-1\/2)}.sf-progress-scale--size-2{--sf-progress-scale--font-size: var(--sf-text-size-1);--sf-progress-scale--gap: var(--sf-space-1\/3);--sf-progress-scale--line-height: var(--sf-text-height-1)}.sf-progress-scale--size-3{--sf-progress-scale--font-size: var(--sf-text-size-2);--sf-progress-scale--gap: var(--sf-space-1\/2);--sf-progress-scale--line-height: var(--sf-text-height-2)}}@layer sf.components{.sf-progress-scale.sf-progress-scale--line-1\/2{--sf-progress-scale--font-size: var(--sf-text-size-1\/3);--sf-progress-scale--line-height: var(--sf-text-height-1\/2);--sf-progress-scale--gap: var(--sf-ui-1\/2--text-space-x);height:var(--sf-text-height-1\/2);block-size:var(--sf-text-height-1\/2)}.sf-progress-scale.sf-progress-scale--line-1\/2 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/6);flex:1 1 auto;min-width:0;min-inline-size:0}.sf-progress-scale.sf-progress-scale--line-1{--sf-progress-scale--font-size: var(--sf-text-size-1\/2);--sf-progress-scale--line-height: var(--sf-text-height-1);--sf-progress-scale--gap: var(--sf-ui-1--text-space-x);height:var(--sf-text-height-1);block-size:var(--sf-text-height-1)}.sf-progress-scale.sf-progress-scale--line-1 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/5);flex:1 1 auto;min-width:0;min-inline-size:0}.sf-progress-scale.sf-progress-scale--line-2{--sf-progress-scale--font-size: var(--sf-text-size-1);--sf-progress-scale--line-height: var(--sf-text-height-2);--sf-progress-scale--gap: var(--sf-ui-2--text-space-x);height:var(--sf-text-height-2);block-size:var(--sf-text-height-2)}.sf-progress-scale.sf-progress-scale--line-2 .sf-progress-scale-container{--sf-progress-scale-container--height: var(--sf-text-size-1\/4);flex:1 1 auto;min-width:0;min-inline-size:0}.sf-progress-scale[class*=sf-progress-scale--line-] .sf-progress-scale-text{flex:none}}

package/distr/component/progress-scale/js/progress-scale.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const s=t.match(/\(([^)]+)\)/g);s&&s.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const s=this.getUtilityMap();if(!s||!s[e])return;this.extractUtilityClasses(s[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},s=".sf-progress-scale",a="sfProgressScaleBound",r=["1/3","1/2","1","2","3"],n=["info","success","warning","error"];function o(t){const e=Number(t);return Number.isFinite(e)?Math.max(0,Math.min(100,e)):0}function i(t){const e=String(t||"").toLowerCase();return r.includes(e)?e:"1"}function l(t){const e=String(t||"").toLowerCase();return n.includes(e)?e:""}function c(t,e=!0){return null==t||""===t?e:"boolean"==typeof t?t:!["false","0","no","off"].includes(String(t).toLowerCase())}function d(t){if(!t)return!1;!function(t){let e=t.querySelector(".sf-progress-scale-container");e||(e=document.createElement("div"),e.className="sf-progress-scale-container grid grid-col-10 overflow-hidden",t.prepend(e)),e.setAttribute("aria-hidden","true");const s=[...e.querySelectorAll(".sf-progress-scale-block")];for(let t=s.length;t<10;t+=1){const t=document.createElement("div");t.className="sf-progress-scale-block",e.append(t)}s.slice(10).forEach(t=>t.remove())}(t);const e=o(t.dataset.value),s=function(t){return 10*Math.ceil(o(t)/10)}(e),a=i(t.dataset.size),d=l(t.dataset.tone),u=c(t.dataset.showText,!0),f=/(^|\s)sf-progress-scale--line-/.test(t.className);t.classList.add("sf-progress-scale","flex",f?"flex-row":"flex-col"),f&&t.classList.remove("flex-col"),function(t,e,s,a){for(let s=0;s<=100;s+=10)t.classList.toggle(`sf-progress-scale--${s}`,s===e);r.forEach(e=>{t.classList.toggle(`sf-progress-scale--size-${e}`,e===s)}),n.forEach(e=>{t.classList.toggle(`sf-progress-scale--${e}`,e===a)})}(t,s,a,d),t.dataset.value=String(e),t.dataset.size=a,t.dataset.tone=d,t.dataset.showText=String(u),t.setAttribute("role","progressbar"),t.setAttribute("aria-valuemin","0"),t.setAttribute("aria-valuemax","100"),t.setAttribute("aria-valuenow",String(e)),t.dataset.label&&t.setAttribute("aria-label",t.dataset.label),t.dataset.valueText?t.setAttribute("aria-valuetext",t.dataset.valueText):t.removeAttribute("aria-valuetext");const h=function(t){let e=t.querySelector(".sf-progress-scale-text, .sf-scale-text");return e||(e=document.createElement("div"),t.append(e)),e.classList.add("sf-progress-scale-text"),e}(t);return h.textContent=`${e}%`,h.hidden=!u,!0}function u(t){t&&"1"!==t.dataset[a]&&(d(t),t.dataset[a]="1")}function f(t=document){t.querySelectorAll(s).forEach(u)}e("ProgressScale",class extends t{static componentName="ProgressScale";html=null;constructor(t){super(t);const{size:e="1",value:s=0,status:a,tone:r="primary",showText:n=!0,label:d="",valueText:u=""}=this.params||{},f=document.createElement("div");f.className="sf-progress-scale flex flex-col",f.dataset.size=i(e),f.dataset.value=String(o(s)),f.dataset.tone=l(a??r),f.dataset.showText=String(c(n,!0)),String(d).trim()&&(f.dataset.label=String(d).trim()),String(u).trim()&&(f.dataset.valueText=String(u).trim()),this.template=f}init(){u(this.template)}destroyInternal(){var t;(t=this.template)&&"1"===t.dataset[a]&&delete t.dataset[a]}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.ProgressScale=window.SF.ProgressScale||{},window.SF.ProgressScale.getState=function(t){const e=t instanceof HTMLElement?t.closest(s)||t:null;return e?{value:o(e.dataset.value),size:i(e.dataset.size),status:l(e.dataset.tone),tone:l(e.dataset.tone),showText:c(e.dataset.showText,!0),label:e.getAttribute("aria-label")||"",valueText:e.getAttribute("aria-valuetext")||""}:null},window.SF.ProgressScale.setState=function(t,e={}){const a=t instanceof HTMLElement?t.closest(s)||t:null;if(!a)return!1;if(Object.prototype.hasOwnProperty.call(e,"value")&&(a.dataset.value=String(o(e.value))),Object.prototype.hasOwnProperty.call(e,"size")&&(a.dataset.size=i(e.size)),(Object.prototype.hasOwnProperty.call(e,"status")||Object.prototype.hasOwnProperty.call(e,"tone"))&&(a.dataset.tone=l(e.status??e.tone)),Object.prototype.hasOwnProperty.call(e,"showText")&&(a.dataset.showText=String(c(e.showText,!0))),Object.prototype.hasOwnProperty.call(e,"label")){const t=String(e.label||"").trim();t?(a.dataset.label=t,a.setAttribute("aria-label",t)):(delete a.dataset.label,a.removeAttribute("aria-label"))}if(Object.prototype.hasOwnProperty.call(e,"valueText")){const t=String(e.valueText||"").trim();t?a.dataset.valueText=t:delete a.dataset.valueText}return d(a)}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>f(),{once:!0}):f();new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&(t.matches?.(s)&&u(t),f(t))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/quantity/css/quantity.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-quantity .sf-quantity-wrap input{flex:1 1 auto;min-width:0;width:auto;text-align:center}}@layer sf.components{.sf-quantity{min-width:0;min-inline-size:0;width:100%;inline-size:100%;background-color:transparent;background-color:var(--sf-quantity--background-color, transparent);gap:var(--sf-space-1\/4);gap:var(--sf-quantity--gap, var(--sf-space-1\/4))}.sf-quantity .sf-quantity-label{--sf-quantity-label--background-color: transparent;--sf-quantity-label--gap: var(--sf-space-1\/4);background-color:var(--sf-quantity-label--background-color);gap:var(--sf-quantity-label--gap)}.sf-quantity .sf-quantity-text{--sf-quantity-text--color: var(--sf-on-surface-variant);--sf-quantity-text--font-family: var(--sf-text--family);--sf-quantity-text--font-weight: var(--sf-font-weight-regular);color:var(--sf-quantity-text--color);font-family:var(--sf-quantity-text--font-family);font-size:var(--sf-quantity-text--font-size);font-weight:var(--sf-quantity-text--font-weight);line-height:var(--sf-quantity-text--line-height)}.sf-quantity .sf-quantity-required{--sf-quantity-required--color: var(--sf-error);--sf-quantity-required--font-family: var(--sf-text--family);--sf-quantity-required--font-weight: var(--sf-font-weight-regular);color:var(--sf-quantity-required--color);font-family:var(--sf-quantity-required--font-family);font-size:var(--sf-quantity-required--font-size);font-weight:var(--sf-quantity-required--font-weight);line-height:var(--sf-quantity-required--line-height)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-bottom-right-radius:var(--sf-quantity-wrap--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-bottom-right-radius:var(--sf-quantity-wrap--border-end-end-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){border-bottom-right-radius:var(--sf-quantity-wrap--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{border-bottom-left-radius:var(--sf-quantity-wrap--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{border-bottom-left-radius:var(--sf-quantity-wrap--border-end-end-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){border-bottom-left-radius:var(--sf-quantity-wrap--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-bottom-left-radius:var(--sf-quantity-wrap--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-bottom-left-radius:var(--sf-quantity-wrap--border-end-start-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){border-bottom-left-radius:var(--sf-quantity-wrap--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{border-bottom-right-radius:var(--sf-quantity-wrap--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{border-bottom-right-radius:var(--sf-quantity-wrap--border-end-start-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){border-bottom-right-radius:var(--sf-quantity-wrap--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-top-right-radius:var(--sf-quantity-wrap--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-top-right-radius:var(--sf-quantity-wrap--border-start-end-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){border-top-right-radius:var(--sf-quantity-wrap--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{border-top-left-radius:var(--sf-quantity-wrap--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{border-top-left-radius:var(--sf-quantity-wrap--border-start-end-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){border-top-left-radius:var(--sf-quantity-wrap--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-top-left-radius:var(--sf-quantity-wrap--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{border-top-left-radius:var(--sf-quantity-wrap--border-start-start-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){border-top-left-radius:var(--sf-quantity-wrap--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{border-top-right-radius:var(--sf-quantity-wrap--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{border-top-right-radius:var(--sf-quantity-wrap--border-start-start-radius)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){border-top-right-radius:var(--sf-quantity-wrap--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{padding-right:var(--sf-quantity-wrap--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{padding-right:var(--sf-quantity-wrap--padding-inline-end)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){padding-right:var(--sf-quantity-wrap--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{padding-left:var(--sf-quantity-wrap--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{padding-left:var(--sf-quantity-wrap--padding-inline-end)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){padding-left:var(--sf-quantity-wrap--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{padding-left:var(--sf-quantity-wrap--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap{padding-left:var(--sf-quantity-wrap--padding-inline-start)}}.sf-quantity .sf-quantity-wrap:where(:dir(ltr)){padding-left:var(--sf-quantity-wrap--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap{padding-right:var(--sf-quantity-wrap--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap{padding-right:var(--sf-quantity-wrap--padding-inline-start)}}.sf-quantity .sf-quantity-wrap:where(:dir(rtl)){padding-right:var(--sf-quantity-wrap--padding-inline-start)}.sf-quantity .sf-quantity-wrap{min-width:0;min-inline-size:0;--sf-quantity-wrap--background-color: var(--sf-surface-0);--sf-quantity-wrap--border: var(--sf-px) solid;--sf-quantity-wrap--border-color: var(--sf-outline);--sf-quantity-wrap--border-end-end-radius: var(--sf-radius--ui);--sf-quantity-wrap--border-end-start-radius: var(--sf-radius--ui);--sf-quantity-wrap--border-start-end-radius: var(--sf-radius--ui);--sf-quantity-wrap--border-start-start-radius: var(--sf-radius--ui);--sf-quantity-wrap--gap: var(--sf-space-2);background-color:var(--sf-quantity-wrap--background-color);border:var(--sf-quantity-wrap--border);border-color:transparent;border-color:var(--sf-quantity-wrap--border-color, transparent);border-end-end-radius:var(--sf-quantity-wrap--border-end-end-radius);border-end-start-radius:var(--sf-quantity-wrap--border-end-start-radius);border-start-end-radius:var(--sf-quantity-wrap--border-start-end-radius);border-start-start-radius:var(--sf-quantity-wrap--border-start-start-radius);box-shadow:var(--sf-quantity-wrap--box-shadow);gap:var(--sf-quantity-wrap--gap);padding-bottom:var(--sf-quantity-wrap--padding-bottom);-webkit-padding-end:var(--sf-quantity-wrap--padding-inline-end);padding-inline-end:var(--sf-quantity-wrap--padding-inline-end);-webkit-padding-start:var(--sf-quantity-wrap--padding-inline-start);padding-inline-start:var(--sf-quantity-wrap--padding-inline-start);padding-top:var(--sf-quantity-wrap--padding-top);transition-property:background-color,border-color,box-shadow;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-animation)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-quantity .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-quantity .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-quantity .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-quantity .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-end)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){padding-right:var(--sf-icon-button--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-quantity .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-end)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){padding-left:var(--sf-icon-button--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-quantity .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-start)}}.sf-quantity .sf-icon-button:where(:dir(ltr)){padding-left:var(--sf-icon-button--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-quantity .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-start)}}.sf-quantity .sf-icon-button:where(:dir(rtl)){padding-right:var(--sf-icon-button--padding-inline-start)}.sf-quantity .sf-icon-button{--sf-icon-button--border-end-end-radius: var(--sf-radius-1\/2);--sf-icon-button--border-end-start-radius: var(--sf-radius-1\/2);--sf-icon-button--border-start-end-radius: var(--sf-radius-1\/2);--sf-icon-button--border-start-start-radius: var(--sf-radius-1\/2);--sf-icon-button--padding-bottom: var(--sf-space-1\/4);--sf-icon-button--padding-inline-end: var(--sf-space-1\/4);--sf-icon-button--padding-inline-start: var(--sf-space-1\/4);--sf-icon-button--padding-top: var(--sf-space-1\/4);background-color:var(--sf-icon-button--background-color);border-end-end-radius:var(--sf-icon-button--border-end-end-radius);border-end-start-radius:var(--sf-icon-button--border-end-start-radius);border-start-end-radius:var(--sf-icon-button--border-start-end-radius);border-start-start-radius:var(--sf-icon-button--border-start-start-radius);padding-bottom:var(--sf-icon-button--padding-bottom);-webkit-padding-end:var(--sf-icon-button--padding-inline-end);padding-inline-end:var(--sf-icon-button--padding-inline-end);-webkit-padding-start:var(--sf-icon-button--padding-inline-start);padding-inline-start:var(--sf-icon-button--padding-inline-start);padding-top:var(--sf-icon-button--padding-top)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap input{padding-right:var(--sf-quantity-input--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap input{padding-right:var(--sf-quantity-input--padding-inline-end)}}.sf-quantity .sf-quantity-wrap input:where(:dir(ltr)){padding-right:var(--sf-quantity-input--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap input{padding-left:var(--sf-quantity-input--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap input{padding-left:var(--sf-quantity-input--padding-inline-end)}}.sf-quantity .sf-quantity-wrap input:where(:dir(rtl)){padding-left:var(--sf-quantity-input--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap input{padding-left:var(--sf-quantity-input--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-quantity .sf-quantity-wrap input{padding-left:var(--sf-quantity-input--padding-inline-start)}}.sf-quantity .sf-quantity-wrap input:where(:dir(ltr)){padding-left:var(--sf-quantity-input--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-quantity .sf-quantity-wrap input{padding-right:var(--sf-quantity-input--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-quantity .sf-quantity-wrap input{padding-right:var(--sf-quantity-input--padding-inline-start)}}.sf-quantity .sf-quantity-wrap input:where(:dir(rtl)){padding-right:var(--sf-quantity-input--padding-inline-start)}.sf-quantity .sf-quantity-wrap input{min-width:0;min-inline-size:0;border:0;outline:0;--sf-quantity-input--background-color: transparent;background-color:var(--sf-quantity-input--background-color);color:var(--sf-quantity-input--color);font-family:var(--sf-quantity-input--font-family);font-size:var(--sf-quantity-input--font-size);font-weight:var(--sf-quantity-input--font-weight);line-height:var(--sf-quantity-input--line-height);-webkit-padding-end:var(--sf-quantity-input--padding-inline-end);padding-inline-end:var(--sf-quantity-input--padding-inline-end);-webkit-padding-start:var(--sf-quantity-input--padding-inline-start);padding-inline-start:var(--sf-quantity-input--padding-inline-start)}.sf-quantity .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface-variant);--sf-quantity-placeholder--font-family: var(--sf-text--family);color:var(--sf-quantity-placeholder--color);font-family:var(--sf-quantity-placeholder--font-family);font-size:var(--sf-quantity-placeholder--font-size);line-height:var(--sf-quantity-placeholder--line-height)}.sf-quantity .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface-variant);--sf-quantity-placeholder--font-family: var(--sf-text--family);color:var(--sf-quantity-placeholder--color);font-family:var(--sf-quantity-placeholder--font-family);font-size:var(--sf-quantity-placeholder--font-size);line-height:var(--sf-quantity-placeholder--line-height)}.sf-quantity .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface-variant);--sf-quantity-placeholder--font-family: var(--sf-text--family);color:var(--sf-quantity-placeholder--color);font-family:var(--sf-quantity-placeholder--font-family);font-size:var(--sf-quantity-placeholder--font-size);line-height:var(--sf-quantity-placeholder--line-height)}.sf-quantity .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface-variant);--sf-quantity-placeholder--font-family: var(--sf-text--family);color:var(--sf-quantity-placeholder--color);font-family:var(--sf-quantity-placeholder--font-family);font-size:var(--sf-quantity-placeholder--font-size);line-height:var(--sf-quantity-placeholder--line-height)}.sf-quantity .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface-variant);--sf-quantity-placeholder--font-family: var(--sf-text--family);color:var(--sf-quantity-placeholder--color);font-family:var(--sf-quantity-placeholder--font-family);font-size:var(--sf-quantity-placeholder--font-size);line-height:var(--sf-quantity-placeholder--line-height)}.sf-quantity .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-size-3);font-size:var(--sf-icon--font-size, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-icon--height, var(--sf-text-size-3));width:var(--sf-text-size-3);width:var(--sf-icon--width, var(--sf-text-size-3))}.sf-quantity.sf-quantity--size-1 .sf-quantity-text{--sf-quantity-text--font-size: var(--sf-text-size-1\/2);--sf-quantity-text--line-height: var(--sf-text-height-1\/2)}.sf-quantity.sf-quantity--size-1 .sf-quantity-required{--sf-quantity-required--font-size: var(--sf-text-size-1\/2);--sf-quantity-required--line-height: var(--sf-text-height-1\/2)}.sf-quantity.sf-quantity--size-1 .sf-quantity-wrap{--sf-quantity-wrap--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-quantity-wrap--padding-inline-end: var(--sf-ui-1--space-x);--sf-quantity-wrap--padding-inline-start: var(--sf-ui-1--space-x);--sf-quantity-wrap--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-quantity.sf-quantity--size-1 .sf-icon{--sf-icon--font-size: var(--sf-text-size-1\/2);--sf-icon--height: var(--sf-text-size-1\/2);--sf-icon--width: var(--sf-text-size-1\/2)}.sf-quantity[\:not-has\(input\:disabled\)] .sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-quantity:not(:has(input:disabled)) .sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-quantity.sf-quantity--size-1 input{--sf-quantity-input--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-quantity-input--padding-inline-start: var(--sf-ui-1--text-space-x);--sf-quantity-input--font-size: var(--sf-text-size-1);--sf-quantity-input--line-height: var(--sf-text-height-1);--sf-quantity-input--font-family: var(--sf-text--family);--sf-quantity-input--font-weight: var(--sf-font-weight-regular)}.sf-quantity input{--sf-quantity-input--color: var(--sf-on-surface)}.sf-quantity.sf-quantity--size-1[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary)}.sf-quantity.sf-quantity--size-1:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary)}.sf-quantity[\:has\(input\:disabled\)] input{--sf-quantity-input--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) input{--sf-quantity-input--color: var(--sf-on-disable)}.sf-quantity.sf-quantity--size-2 .sf-quantity-text{--sf-quantity-text--font-size: var(--sf-text-size-1);--sf-quantity-text--line-height: var(--sf-text-height-1)}.sf-quantity.sf-quantity--size-2 .sf-quantity-required{--sf-quantity-required--font-size: var(--sf-text-size-1);--sf-quantity-required--line-height: var(--sf-text-height-1)}.sf-quantity.sf-quantity--size-2 .sf-quantity-wrap{--sf-quantity-wrap--padding-bottom: var(--sf-ui-2--space-y-tightness-default);--sf-quantity-wrap--padding-inline-end: var(--sf-ui-2--space-x);--sf-quantity-wrap--padding-inline-start: var(--sf-ui-2--space-x);--sf-quantity-wrap--padding-top: var(--sf-ui-2--space-y-tightness-default)}.sf-quantity.sf-quantity--size-2 .sf-icon{--sf-icon--font-size: var(--sf-text-size-1);--sf-icon--height: var(--sf-text-size-1);--sf-icon--width: var(--sf-text-size-1)}.sf-quantity.sf-quantity--size-2 input{--sf-quantity-input--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-quantity-input--padding-inline-start: var(--sf-ui-2--text-space-x);--sf-quantity-input--font-size: var(--sf-text-size-2);--sf-quantity-input--line-height: var(--sf-text-height-2)}.sf-quantity.sf-quantity--size-2 input,.sf-quantity.sf-quantity--size-1\/2 input{--sf-quantity-input--font-family: var(--sf-text--family)}.sf-quantity.sf-quantity--size-2[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap,.sf-quantity.sf-quantity--size-1\/2[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary-active)}.sf-quantity.sf-quantity--size-2:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap,.sf-quantity.sf-quantity--size-1\/2:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary-active)}.sf-quantity.sf-quantity--size-1\/2 .sf-quantity-text{--sf-quantity-text--font-size: var(--sf-text-size-1\/3);--sf-quantity-text--line-height: var(--sf-text-height-1\/3)}.sf-quantity.sf-quantity--size-1\/2 .sf-quantity-required{--sf-quantity-required--font-size: var(--sf-text-size-1\/3);--sf-quantity-required--line-height: var(--sf-text-height-1\/3)}.sf-quantity.sf-quantity--size-1\/2 .sf-quantity-wrap{--sf-quantity-wrap--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-quantity-wrap--padding-inline-end: var(--sf-ui-1\/2--space-x);--sf-quantity-wrap--padding-inline-start: var(--sf-ui-1\/2--space-x);--sf-quantity-wrap--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-quantity.sf-quantity--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-text-size-1\/3);--sf-icon--height: var(--sf-text-size-1\/3);--sf-icon--width: var(--sf-text-size-1\/3)}.sf-quantity.sf-quantity--size-1\/2 input{--sf-quantity-input--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-quantity-input--padding-inline-start: var(--sf-ui-1\/2--text-space-x);--sf-quantity-input--font-size: var(--sf-text-size-1\/2);--sf-quantity-input--line-height: var(--sf-text-height-1\/2)}.sf-quantity--size-1 .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1);--sf-quantity-placeholder--line-height: var(--sf-text-height-1)}.sf-quantity--size-1 .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1);--sf-quantity-placeholder--line-height: var(--sf-text-height-1)}.sf-quantity--size-1 .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1);--sf-quantity-placeholder--line-height: var(--sf-text-height-1)}.sf-quantity--size-1 .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1);--sf-quantity-placeholder--line-height: var(--sf-text-height-1)}.sf-quantity--size-1 .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1);--sf-quantity-placeholder--line-height: var(--sf-text-height-1)}.sf-quantity--size-2 .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-2);--sf-quantity-placeholder--line-height: var(--sf-text-height-2)}.sf-quantity--size-2 .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-2);--sf-quantity-placeholder--line-height: var(--sf-text-height-2)}.sf-quantity--size-2 .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-2);--sf-quantity-placeholder--line-height: var(--sf-text-height-2)}.sf-quantity--size-2 .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-2);--sf-quantity-placeholder--line-height: var(--sf-text-height-2)}.sf-quantity--size-2 .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-2);--sf-quantity-placeholder--line-height: var(--sf-text-height-2)}.sf-quantity--size-1\/2 .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1\/2);--sf-quantity-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-quantity--size-1\/2 .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1\/2);--sf-quantity-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-quantity--size-1\/2 .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1\/2);--sf-quantity-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-quantity--size-1\/2 .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1\/2);--sf-quantity-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-quantity--size-1\/2 .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--font-size: var(--sf-text-size-1\/2);--sf-quantity-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-outline-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-outline-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-button .sf-icon{background-color:var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-button .sf-icon{background-color:var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:disabled\)] .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity:has(input:disabled) .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-disable)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:hover\)] .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary-hover)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):hover) .sf-quantity-wrap{--sf-quantity-wrap--border-color: var(--sf-primary-hover)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:active\)] .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:has(input:enabled:not(:disabled):not(.disabled):active) .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity:not(.sf-quantity--pointer-focus)[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-quantity-wrap{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-quantity:not(.sf-quantity--pointer-focus):has(input:not(:disabled):not(.disabled).focus-visible) .sf-quantity-wrap{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-quantity:not(.sf-quantity--pointer-focus)[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-quantity-wrap{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-quantity:not(.sf-quantity--pointer-focus):has(input:not(:disabled):not(.disabled):focus-visible) .sf-quantity-wrap{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-quantity input.focus-visible{outline:none}.sf-quantity input:focus-visible{outline:none}.sf-quantity.error .sf-quantity-wrap{--sf-quantity-wrap--background-color: var(--sf-transparent-for-focus);--sf-quantity-wrap--border-color: var(--sf-error)}.sf-quantity.error .sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-quantity.error .sf-quantity-wrap input::-webkit-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity.error .sf-quantity-wrap input::-moz-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity.error .sf-quantity-wrap input:-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity.error .sf-quantity-wrap input::-ms-input-placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}.sf-quantity.error .sf-quantity-wrap input::placeholder{--sf-quantity-placeholder--color: var(--sf-on-surface)}}@layer sf.components{:where(.sf-quantity .sf-quantity-count){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0}}@layer sf.states{.sf-quantity.sf-quantity--pointer-focus .sf-quantity-wrap{--sf-quantity-wrap--box-shadow: none}.sf-quantity.sf-quantity--pointer-focus .sf-icon-button.sf-quantity-count{--sf-icon-button--box-shadow: none}.sf-quantity .sf-quantity-count:disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-quantity:not(.sf-quantity--pointer-focus) .sf-icon-button.sf-quantity-count:not(:disabled).focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-quantity:not(.sf-quantity--pointer-focus) .sf-icon-button.sf-quantity-count:not(:disabled):focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-quantity:not(.sf-quantity--pointer-focus)[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-quantity-wrap{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-quantity-wrap--box-shadow: none}.sf-quantity:not(.sf-quantity--pointer-focus):has(input:not(:disabled):not(.disabled).focus-visible) .sf-quantity-wrap{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-quantity-wrap--box-shadow: none}.sf-quantity:not(.sf-quantity--pointer-focus)[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-quantity-wrap{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-quantity-wrap--box-shadow: none}.sf-quantity:not(.sf-quantity--pointer-focus):has(input:not(:disabled):not(.disabled):focus-visible) .sf-quantity-wrap{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-quantity-wrap--box-shadow: none}.sf-quantity:not(.sf-quantity--pointer-focus) .sf-icon-button.sf-quantity-count:not(:disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(-1*var(--sf-focus-outline-width));--sf-icon-button--box-shadow: none}.sf-quantity:not(.sf-quantity--pointer-focus) .sf-icon-button.sf-quantity-count:not(:disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(-1*var(--sf-focus-outline-width));--sf-icon-button--box-shadow: none}}@media(prefers-reduced-motion: reduce){.sf-quantity .sf-quantity-wrap{transition-duration:0s}}}

package/distr/component/quantity/js/quantity.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const n=e.match(/\(([^)]+)\)/g);n&&n.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const n=this.getUtilityMap();if(!n||!n[t])return;this.extractUtilityClasses(n[t]).forEach(t=>e.classList.add(t))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const t=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},n=JSON.parse('{".sf-quantity":["display/flex (.flex)","flex-direction/column (.flex-col)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-1\\\\/4)","justify-content/flex-start (.justify-start)"],".sf-quantity .sf-quantity-label":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-1\\\\/4)","justify-content/flex-start (.justify-start)","align-items/flex-start (.items-start)"],".sf-quantity .sf-quantity-wrap":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-2)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-quantity .sf-quantity-count":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/flex-start (.justify-start)","align-items/center (.items-center)"],".sf-quantity .sf-quantity-wrap input":["display/flex (.flex)"]}');let i=0;const a=new WeakMap;function r(e,{prefix:t="sf-field",required:n=!1,invalid:r=!1,hint:s="",errorMessage:o=""}={}){const l=function(e,t){if(e&&a.has(e))return a.get(e);const n=(e?.id?String(e.id).trim():"")||`${t}-${++i}`,r={controlId:`${n}-control`,messageId:`${n}-message`};return!e||"object"!=typeof e&&"function"!=typeof e||a.set(e,r),r}(e,t),u=Boolean(r),c=u&&o?o:s;return{...l,required:Boolean(n),invalid:u,message:c,describedBy:c?l.messageId:"",errorMessageId:u&&o?l.messageId:""}}function s(e,t,{prefix:n="sf-field",required:i=!1,invalid:a=!1,messageNode:s=null,labelNode:o=null,errorMessage:l=""}={}){if(!e||!t)return null;const u=r(e,{prefix:n,required:i,invalid:a,hint:s?.textContent?.trim()||"",errorMessage:l});var c,d;return t.id||(t.id=u.controlId),"LABEL"!==e.tagName||e.hasAttribute("for")||e.setAttribute("for",t.id),!o?.textContent?.trim()||t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby")||(o.id||(o.id=`${t.id}-label`),t.setAttribute("aria-labelledby",o.id)),t.required=u.required,e.classList.toggle("error",u.invalid),t.classList.toggle("error",u.invalid),u.invalid?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid"),s&&(s.id||(s.id=u.messageId),t.setAttribute("aria-describedby",(c=t.getAttribute("aria-describedby"),d=[s.id],[...new Set([...String(c||"").split(/\s+/).filter(Boolean),...d.filter(Boolean)])].join(" ")))),u.errorMessageId&&s?t.setAttribute("aria-errormessage",s.id):t.removeAttribute("aria-errormessage"),u}function o(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function l({component:e="",kind:t="attribute",attribute:n="",from:i,to:a=null}={}){if(!i)return;const r=[e,t,n,i].join("|"),s=o(),l=s.get(r);if(l)l.count+=1;else if(s.set(r,{component:e,kind:t,attribute:n,from:i,to:a,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const r=e?`${e}: `:"",s="value"===t?`${n}="${i}"`:`${t} ${i}`;globalThis.console?.warn?.(`[Simai Framework] ${r}${s} is a legacy name${a?`; write ${a}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...o().values()].map(e=>({...e}))},e.clear=function(){o().clear()},e.note=l,globalThis.SF.deprecations=e}const u=Object.freeze(["1/2","1","2"]),c=Object.freeze({"1/3":"1/2",3:"2"}),d=new Set;function f(e,t="field",n="1"){const i=String(e??"").trim().toLowerCase();if(u.includes(i))return i;if(Object.hasOwn(c,i)){const e=c[i];l({component:t,kind:"value",attribute:"size",from:i,to:e});const n=`${t}:${i}`;return d.has(n)||"undefined"==typeof console||(d.add(n),console.warn(`[Simai Framework] ${t}: size ${i} is retired for form fields; rendering size ${e}.`)),e}return n}const m=new WeakMap,p=new WeakSet;let y=null;const g=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]||(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),b=g.listeners,w=g.registered,h=e=>String(e??"").trim().toLowerCase().replace("_","-"),N=()=>{for(const e of[...b])try{e()}catch{}};function v(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function _(e){if(g.chosen)return g.chosen.split("-")[0];const t=v(e),n=t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return h(n).split("-")[0]||"en"}function S(e){if(g.chosen)return g.chosen;const t=v(e);return h(t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function L(e,t,n,i){const a=i??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const i of(e=>{const t=h(e),n=t.split("-")[0],i=[];for(const e of[t,n,"en"])e&&!i.includes(e)&&i.push(e);return i})(S(n))){const n=a?w.get(a)?.get(i)?.[t]:void 0;if(void 0!==n)return n;const r=e?.[i]?.[t];if(void 0!==r)return r}return t}const q={current:(e=globalThis.document?.documentElement??null)=>S(e),use(e){const t=null==e?null:h(e);return t===g.chosen||(g.chosen=t,N()),g.chosen},register(e,t,n){const i=String(e??"").toLowerCase(),a=h(t);if(!i||!a)throw new TypeError("a component and a language are required");w.has(i)||w.set(i,new Map);const r=w.get(i);return null===n?r.delete(a):r.set(a,{...r.get(a)??{},...n}),N(),this},registerAll(e,t={}){for(const[n,i]of Object.entries(t))this.register(n,e,i);return this},known(e){const t=String(e??"").toLowerCase();return[...w.get(t)?.keys()??[]]},components:()=>[...w.keys()],onChange:e=>"function"!=typeof e?()=>{}:(b.add(e),()=>b.delete(e)),forget(){return w.clear(),g.chosen=null,N(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=q,window.SF.pageLanguage=_,window.SF.pageText=L);const E={en:{decrement:"Decrease value",increment:"Increase value"},ru:{decrement:"Уменьшить значение",increment:"Увеличить значение"}},x=".sf-quantity",Q="sfQuantityBound",M=new WeakSet,F=new Map;function k(e,t=0){const n=String(e??"").trim().replace(/\s+/g,"").replace(",",".");if(""===n)return t;const i=Number(n);return Number.isFinite(i)?i:t}function H(e,t,n){return Number.isFinite(t)&&(e=Math.max(e,t)),Number.isFinite(n)&&(e=Math.min(e,n)),e}function $(e,t=!0){if(null==e||""===e)return t;if("boolean"==typeof e)return e;const n=String(e).toLowerCase();return!["0","false","no","off"].includes(n)&&(!!["1","true","yes","on"].includes(n)||t)}function B(e){const t=String(e??"").trim().toLowerCase();if(!Number.isFinite(Number(t))||Number(t)<=0)return 0;const[n,i="0"]=t.split("e"),a=n.split(".")[1]?.length||0;return Math.max(0,a-Number(i))}function C(e,t){const n=t.dataset.precision??e.dataset.precision??String(B(t.step));return{precision:Math.min(100,Math.max(0,parseInt(n,10)||0)),grouping:$(t.dataset.grouping??e.dataset.grouping,!0),locale:t.dataset.locale??e.dataset.locale??S(t??e)}}function O(e,t,n){return{inputMode:"strict"===(t.dataset.inputMode??e.dataset.inputMode??"soft").toString().toLowerCase()?"strict":"soft",allowNegative:$(t.dataset.allowNegative??e.dataset.allowNegative,!1),allowDecimal:$(t.dataset.allowDecimal??e.dataset.allowDecimal,n.precision>0)}}function T(e,t){const n=P(t?.locale);let i=String(e??"").replace(/[\u061c\u200e\u200f]/g,"");for(const[e,t]of n.digits)i=i.split(e).join(t);i=i.split(n.minus).join("-").replace(/\s+/g,"");const a=n.group.replace(/\s+/g,"");if(a&&a!==n.decimal&&i.includes(a)){const e=i.split(n.decimal),t=e[0].replace(/^-/,"").split(a);e.length<=2&&t.length>1&&t.every(e=>/^\d+$/.test(e))&&t[0].length<=n.secondary&&t.at(-1).length===n.primary&&t.slice(1,-1).every(e=>e.length===n.secondary)&&(i=i.split(a).join(""))}return i.split(n.decimal).join(".")}function A(e,t,n){e=T(e,n).replace(/,/g,".");const{allowNegative:i,allowDecimal:a}=t;return(a?i?/^-?\d*([.,]\d*)?$/:/^\d*([.,]\d*)?$/:i?/^-?\d*$/:/^\d*$/).test(e)}function D(e,t){const n=10**t,i=e*n;return Number.isFinite(i)?Math.round(i)/n:e}function I(e,t){const{precision:n,grouping:i,locale:a}=t;try{return new Intl.NumberFormat(a,{minimumFractionDigits:n,maximumFractionDigits:n,useGrouping:i}).format(e)}catch{return e.toFixed(n)}}function j(e,t=Number.NaN){if(!String(e.value).trim())return t;const n=k(e.dataset.rawValue,Number.NaN);return Number.isFinite(n)?n:k(e.value,t)}function P(e){if(F.has(e))return F.get(e);let t;try{t=new Intl.NumberFormat(e)}catch{t=new Intl.NumberFormat("en-US")}const n=t.formatToParts(-123456789.6),i=n.filter(e=>"integer"===e.type).map(e=>e.value),a={group:n.find(e=>"group"===e.type)?.value||" ",decimal:n.find(e=>"decimal"===e.type)?.value||".",minus:n.find(e=>"minusSign"===e.type)?.value||"-",primary:Array.from(i.at(-1)||"").length||3,secondary:Array.from(i.at(-2)||"").length||3,digits:Array.from({length:10},(e,n)=>[t.format(n),String(n)])};return F.size>=32&&F.delete(F.keys().next().value),F.set(e,a),a}function V(e,t,n=Number.NaN){if(!String(t.value).trim())return n;const i=e.__sfQuantityMask;return i&&"number"==typeof i.typedValue&&Number.isFinite(i.typedValue)?i.typedValue:j(t,n)}async function R(e,t){if(!function(e,t){return $(t.dataset.mask??e.dataset.mask,!1)}(e,t))return;const n={};e.__sfQuantityMaskRequest=n;const i=await function(){const e=()=>window.SF?.Mask?.create?window.SF.Mask:null,t=e();return t?Promise.resolve(t):y||(y=new Promise(t=>{const n=[[window,"sf-mask-ready"],[window,"sf-loader-ready"],[window,"load"],[document,"DOMContentLoaded"]],i=()=>{const a=e();a&&(n.forEach(([e,t])=>e.removeEventListener(t,i)),y=null,t(a))};n.forEach(([e,t])=>e.addEventListener(t,i))}),y)}();if(e.__sfQuantityMaskRequest!==n)return;const a=C(e,t),r=O(e,t,a),s=""===t.min?Number.NaN:k(t.min,Number.NaN),o=""===t.max?Number.NaN:k(t.max,Number.NaN),{group:l,decimal:u}=P(a.locale),c=[".",","].filter(e=>e!==u),d={mask:Number,scale:a.precision,signed:r.allowNegative,normalizeZeros:!0,padFractionalZeros:a.precision>0,thousandsSeparator:l,radix:u,mapToRadix:c};Number.isFinite(s)&&(d.min=s),Number.isFinite(o)&&(d.max=o);try{const r=await i.create(t,d);if(!r)return;if("1"!==e.dataset[Q]||e.__sfQuantityMaskRequest!==n||e.querySelector(".sf-quantity-wrap input")!==t)return void i.destroy(r);if(e.__sfQuantityMask=r,!t.value.trim())return r.value="",delete t.dataset.rawValue,void W(e);const o=V(e,t,Number.isFinite(s)?s:0);if(Number.isFinite(o)){const e=D(o,a.precision);r.typedValue=e,t.dataset.rawValue=String(e)}W(e)}catch(e){console.warn("SF.Quantity mask init failed",e)}}function z(e){const t=e.querySelector(".sf-quantity-wrap input");if(!t)return;const n=C(e,t),i=V(e,t,Number.NaN);if(!Number.isFinite(i))return;const a=D(H(i,""===t.min?Number.NaN:k(t.min,Number.NaN),""===t.max?Number.NaN:k(t.max,Number.NaN)),n.precision);t.dataset.rawValue=String(a),e.__sfQuantityMask?e.__sfQuantityMask.typedValue=a:t.value=I(a,n)}function U(e){const t=Array.from(e.querySelectorAll(".sf-quantity-count"));return{minusButton:t[0]||null,plusButton:t[1]||null}}function W(e){const t=e.querySelector(".sf-quantity-wrap input");if(!t)return;const{minusButton:n,plusButton:i}=U(e),a=Boolean(t.disabled||t.readOnly),r=V(e,t,Number.NaN),s=""===t.min?Number.NaN:k(t.min,Number.NaN),o=""===t.max?Number.NaN:k(t.max,Number.NaN),l=(e,n)=>{if(!(e instanceof HTMLButtonElement))return;const i=a||n;!i||e.disabled||a||e.ownerDocument?.activeElement!==e||t.focus({preventScroll:!0}),e.disabled=i};l(n,Number.isFinite(r)&&Number.isFinite(s)&&r<=s),l(i,Number.isFinite(r)&&Number.isFinite(o)&&r>=o)}function K(e,t){const n=e.querySelector(".sf-quantity-wrap input");if(!n||n.disabled||n.readOnly)return;const i=C(e,n),a=k(n.step,1),r=a>0?a:1,s=""===n.min?Number.NaN:k(n.min,Number.NaN),o=""===n.max?Number.NaN:k(n.max,Number.NaN),l=V(e,n,Number.isFinite(s)?s:0),u=D(H(l+r*t,s,o),i.precision);if(u===l)return void W(e);n.dataset.rawValue=String(u),e.__sfQuantityMask?e.__sfQuantityMask.typedValue=u:n.value=I(u,i),W(e);const c=new Event("change",{bubbles:!0});M.add(c);try{n.dispatchEvent(c)}finally{M.delete(c)}}function G(e){if(function(e,t){if(e?.classList)for(const[n,i]of Object.entries(c)){const i=`${t}--size-${n}`;e.classList.contains(i)&&e.classList.replace(i,`${t}--size-${f(n,t)}`)}}(e,"sf-quantity"),!e||"1"===e.dataset[Q])return;const t=e.querySelector(".sf-quantity-wrap input");if(!t)return;s(e,t,{prefix:"sf-quantity",labelNode:e.querySelector(".sf-quantity-text"),required:t.required||Boolean(e.querySelector(".sf-quantity-required")),invalid:e.classList.contains("error")||t.classList.contains("error")});const{minusButton:n,plusButton:i}=U(e),a=t=>{t.preventDefault(),K(e,-1)},r=t=>{t.preventDefault(),K(e,1)},o=n=>{if(M.has(n))return;if(!t.value.trim())return delete t.dataset.rawValue,void W(e);const i=C(e,t);if(e.__sfQuantityMask){const n=""===t.min?Number.NaN:k(t.min,Number.NaN),a=Number.isFinite(n)?n:0,r="number"==typeof e.__sfQuantityMask.typedValue?e.__sfQuantityMask.typedValue:Number.NaN,s=D(Number.isFinite(r)?r:k(t.value,V(e,t,a)),i.precision);return t.dataset.rawValue=String(s),void W(e)}const a=O(e,t,i),r=function(e,t,n){const{allowNegative:i,allowDecimal:a}=t;let r=T(e,n).replace(/,/g,".");r=r.replace(/[^0-9.\-]/g,"");const s=i&&r.includes("-");if(r=r.replace(/-/g,""),s&&(r=`-${r}`),a){const e=r.indexOf(".");e>=0&&(r=r.slice(0,e+1)+r.slice(e+1).replace(/\./g,""))}else r=r.replace(/\./g,"");return r}(t.value,a,i),s="change"!==n?.type,o=r.replace(".",P(i.locale).decimal);if(s&&o!==t.value&&(t.value=o),""===r||"-"===r||"."===r||"-."===r)return delete t.dataset.rawValue,void W(e);const l=""===t.min?Number.NaN:k(t.min,Number.NaN),u=Number.isFinite(l)?l:0,c=D(k(r,j(t,u)),i.precision);t.dataset.rawValue=String(c),W(e)},l=()=>{z(e),W(e)},u=n=>{if(t.disabled||t.readOnly)return;const i=C(e,t),a=O(e,t,i);if("strict"===a.inputMode&&"insertText"===n.inputType&&"string"==typeof n.data){const e=t.selectionStart??t.value.length,r=t.selectionEnd??t.value.length;A(t.value.slice(0,e)+n.data+t.value.slice(r),a,i)||n.preventDefault()}},d=n=>{if(t.disabled||t.readOnly)return;const i=C(e,t),a=O(e,t,i);if("strict"!==a.inputMode)return;const r=(n.clipboardData?.getData("text")??"").trim();if(!r||!A(r,a,i))return void n.preventDefault();n.preventDefault();const s=t.selectionStart??t.value.length,o=t.selectionEnd??t.value.length,l=t.value.slice(0,s)+r+t.value.slice(o);A(l,a,i)&&(t.value=l,t.dispatchEvent(new Event("input",{bubbles:!0})))},y=()=>{e.classList.add("sf-quantity--pointer-focus")},g=()=>{e.classList.remove("sf-quantity--pointer-focus")},b=t=>{t.relatedTarget?e.contains(t.relatedTarget)||e.classList.remove("sf-quantity--pointer-focus"):window.setTimeout(()=>{e.contains(document.activeElement)||e.classList.remove("sf-quantity--pointer-focus")},0)};n&&n.addEventListener("click",a),i&&i.addEventListener("click",r),t.addEventListener("input",o),t.addEventListener("change",o),t.addEventListener("blur",l),t.addEventListener("beforeinput",u),t.addEventListener("paste",d),e.addEventListener("pointerdown",y,!0),e.addEventListener("keydown",g,!0),e.addEventListener("focusout",b),e.__sfQuantityMinusHandler=a,e.__sfQuantityPlusHandler=r,e.__sfQuantitySyncHandler=o,e.__sfQuantityBlurHandler=l,e.__sfQuantityBeforeInputHandler=u,e.__sfQuantityPasteHandler=d,e.__sfQuantityPointerFocusHandler=y,e.__sfQuantityKeyboardFocusHandler=g,e.__sfQuantityFocusOutHandler=b,e.__sfQuantityReleaseReset=function(e,t){const n=e.ownerDocument;p.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 m.get(e)||[])t()},0)},!0),p.add(n));let i=m.get(e);return i||m.set(e,i=new Set),i.add(t),()=>i.delete(t)}(t,()=>{delete t.dataset.rawValue,e.__sfQuantityMask&&(e.__sfQuantityMask.value=t.value),z(e),W(e)}),e.__sfQuantityControlObserver=new MutationObserver(()=>W(e)),e.__sfQuantityControlObserver.observe(t,{attributes:!0,attributeFilter:["disabled","readonly"]}),e.dataset[Q]="1",z(e),W(e),R(e,t)}function Z(e=document){e.querySelectorAll(x).forEach(G)}class J extends e{static componentName="Quantity";html=null;constructor(e){super(e);const{size:t="1",label:n="",required:i=!1,value:a,min:r,max:s,step:o="1",precision:l,grouping:u=!0,locale:c,inputMode:d="soft",allowNegative:m=!1,allowDecimal:p,mask:y=!1,name:g,disabled:b=!1,readonly:w=!1,placeholder:h="",decrementLabel:N=L(E,"decrement",document.documentElement),incrementLabel:v=L(E,"increment",document.documentElement),decrementIcon:_="remove",incrementIcon:S="add"}=this.params||{},q=f(t,"sf-quantity"),x=this.attrs.class||this.attrs.className;this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-quantity",`sf-quantity--size-${q}`),x&&this.template.classList.add(...`${x}`.split(" ").filter(Boolean));const Q=document.createElement("span");Q.classList.add("sf-quantity-label");const M=document.createElement("span");if(M.classList.add("sf-quantity-text"),M.textContent=n,Q.append(M),i){const e=document.createElement("span");e.classList.add("sf-quantity-required"),e.textContent="*",Q.append(e)}const F=document.createElement("span");F.classList.add("sf-quantity-wrap");const k=document.createElement("button");k.type="button",k.classList.add("sf-quantity-count","sf-icon-button","sf-icon-button--secondary","sf-icon-button--tonal","sf-icon-button--size-1/3"),k.setAttribute("aria-label",String(N)),k.innerHTML=`<i class="sf-icon">${_}</i>`;const H=document.createElement("input");H.type="text";const $=l??B(o);H.inputMode=p??Number($)>0?"decimal":"numeric";const C=this.attrs.value,O=a??C??"";H.value=String(O),H.defaultValue=String(O),g&&(H.name=g),null!=r&&""!==r&&(H.min=String(r)),null!=s&&""!==s&&(H.max=String(s)),null!=o&&""!==o&&(H.step=String(o)),H.disabled=Boolean(b),H.readOnly=Boolean(w),H.placeholder=String(h),null!=l&&""!==l&&(H.dataset.precision=String(l)),H.dataset.grouping=String(Boolean(u)),c&&(H.dataset.locale=String(c)),H.dataset.inputMode=String(d),H.dataset.allowNegative=String(Boolean(m)),H.dataset.mask=String(Boolean(y)),null!=p&&""!==p&&(H.dataset.allowDecimal=String(Boolean(p)));const T=document.createElement("button");T.type="button",T.classList.add("sf-quantity-count","sf-icon-button","sf-icon-button--secondary","sf-icon-button--tonal","sf-icon-button--size-1/3"),T.setAttribute("aria-label",String(v)),T.innerHTML=`<i class="sf-icon">${S}</i>`,F.append(k,H,T),this.template.append(Q,F),this.applyLayoutUtilities(this.template,".sf-quantity"),this.applyLayoutUtilities(Q,".sf-quantity .sf-quantity-label"),this.applyLayoutUtilities(F,".sf-quantity .sf-quantity-wrap"),this.applyLayoutUtilities(k,".sf-quantity .sf-quantity-count"),this.applyLayoutUtilities(T,".sf-quantity .sf-quantity-count"),this.applyLayoutUtilities(H,".sf-quantity .sf-quantity-wrap input")}init(){G(this.template)}destroyInternal(){!function(e){if(!e||"1"!==e.dataset[Q])return;delete e.__sfQuantityMaskRequest,e.__sfQuantityReleaseReset?.(),delete e.__sfQuantityReleaseReset,e.__sfQuantityControlObserver?.disconnect(),delete e.__sfQuantityControlObserver;const t=e.querySelector(".sf-quantity-wrap input"),{minusButton:n,plusButton:i}=U(e);n&&e.__sfQuantityMinusHandler&&n.removeEventListener("click",e.__sfQuantityMinusHandler),i&&e.__sfQuantityPlusHandler&&i.removeEventListener("click",e.__sfQuantityPlusHandler),t&&e.__sfQuantitySyncHandler&&(t.removeEventListener("input",e.__sfQuantitySyncHandler),t.removeEventListener("change",e.__sfQuantitySyncHandler)),t&&e.__sfQuantityBlurHandler&&t.removeEventListener("blur",e.__sfQuantityBlurHandler),t&&e.__sfQuantityBeforeInputHandler&&t.removeEventListener("beforeinput",e.__sfQuantityBeforeInputHandler),t&&e.__sfQuantityPasteHandler&&t.removeEventListener("paste",e.__sfQuantityPasteHandler),e.__sfQuantityPointerFocusHandler&&e.removeEventListener("pointerdown",e.__sfQuantityPointerFocusHandler,!0),e.__sfQuantityKeyboardFocusHandler&&e.removeEventListener("keydown",e.__sfQuantityKeyboardFocusHandler,!0),e.__sfQuantityFocusOutHandler&&e.removeEventListener("focusout",e.__sfQuantityFocusOutHandler),delete e.__sfQuantityMinusHandler,delete e.__sfQuantityPlusHandler,delete e.__sfQuantitySyncHandler,delete e.__sfQuantityBlurHandler,delete e.__sfQuantityBeforeInputHandler,delete e.__sfQuantityPasteHandler,delete e.__sfQuantityPointerFocusHandler,delete e.__sfQuantityKeyboardFocusHandler,delete e.__sfQuantityFocusOutHandler,e.classList.remove("sf-quantity--pointer-focus"),e.__sfQuantityMask&&(window.SF?.Mask?.destroy?.(e.__sfQuantityMask),delete e.__sfQuantityMask),delete e.dataset[Q]}(this.template)}}J.utilityMap=n,t("Quantity",J),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>Z()):Z();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&(e.matches?.(x)&&G(e),Z(e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();