@simai-studio/ui 5.20261020.1056 → 5.20261020.1738

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +4 -4
  2. package/distr/component/buttons/js/buttons.min.js +1 -1
  3. package/distr/component/icon-buttons/js/icon-buttons.min.js +1 -1
  4. package/distr/component/modal/css/modal.min.css +1 -1
  5. package/distr/component/modal/js/modal.min.js +1 -1
  6. package/distr/component/spinner/css/spinner.min.css +1 -1
  7. package/distr/component/spinner/js/spinner.min.js +1 -1
  8. package/distr/core/js/core-loader.js +1 -1
  9. package/distr/core/js/core-loader.min.js +1 -1
  10. package/distr/core/js/core-rules.js +9 -0
  11. package/distr/core/js/core-rules.min.js +1 -1
  12. package/distr/core/js/core.js +9 -0
  13. package/distr/core/js/core.min.js +1 -1
  14. package/distr/core/js/template-utilities.generated.json +0 -2
  15. package/distr/rule/js/rule.min.js +1 -1
  16. package/distr/rule/rule.json +8 -0
  17. package/distr/smart/button-group/js/button-group.min.js +1 -1
  18. package/distr/smart/buttons/js/buttons.min.js +11 -11
  19. package/distr/smart/buttons/smart.manifest.json +1 -1
  20. package/distr/smart/icon-buttons/js/icon-buttons.min.js +9 -9
  21. package/distr/smart/icon-buttons/smart.manifest.json +1 -1
  22. package/distr/smart/modal/js/modal.min.js +9 -9
  23. package/distr/smart/modal/smart.manifest.json +4 -2
  24. package/distr/smart/spinner/js/spinner.min.js +1 -1
  25. package/distr/smart/spinner/smart.manifest.json +17 -10
  26. package/package-manifest.json +27 -27
  27. package/package.json +4 -4
package/README.md CHANGED
@@ -1,11 +1,11 @@
1
1
  # @simai-studio/ui
2
2
 
3
- SIMAI Framework, release `ui-132b0863e12b` (commit 132b0863e12b9d5d9c9180d32b20c71f0584e7eb of [simai/ui](https://github.com/simai/ui)).
3
+ SIMAI Framework, release `ui-ef202b45f12d` (commit ef202b45f12df11f31b564cbdb6b1f1380fcf903 of [simai/ui](https://github.com/simai/ui)).
4
4
 
5
5
  ```html
6
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/core/css/core.css">
7
- <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/';</script>
8
- <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/core/js/core.js"></script>
6
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1738/distr/core/css/core.css">
7
+ <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1738/distr/';</script>
8
+ <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1738/distr/core/js/core.js"></script>
9
9
  ```
10
10
 
11
11
  Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://ui.simai.io/
package/distr/component/buttons/js/buttons.min.js CHANGED
@@ -1 +1 @@
1
- (()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const i=t.match(/\(([^)]+)\)/g);i&&i.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const i=this.getUtilityMap();if(!i||!i[e])return;this.extractUtilityClasses(i[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=JSON.parse('{".sf-button":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-button-text-container":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const i=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};function s(t,e={}){const i=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&i.setAttribute(t,String(e))}),i}function n({className:t="",overlay:e=!1}={}){const i=document.createElement("span");i.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),i.dataset.sfSpinnerBound="1",i.dataset.infinite="true",i.setAttribute("aria-hidden","true");const n=document.createElement("span");return n.className="sf-loader--loading-indicator",n.append(function(){const t=12,e=s("svg",{class:"sf-loader-svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"}),i=s("circle",{class:"sf-loader-ring-filled",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,opacity:"0.3"}),n=s("circle",{class:"sf-loader-ring-accent",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:"rotate(90 12 12)"});return e.append(i,n),e}()),i.append(n),i}class o extends t{static componentName="Buttons";html=null;constructor(t){super(t);const{size:e="1",type:i="default",scheme:s="primary",text:o="",icon:a,iconLeft:r,iconRight:l,iconPosition:c="start",tightness:u,spacing:h,radius:d,loading:f=!1,disabled:p=!1,utilities:m={}}=this.params||{},y=this.attrs.class||this.attrs.className;this.button=document.createElement("button"),this.id&&(this.button.id=this.id),this.button.classList.add("sf-button",`sf-button--size-${e}`,`sf-button--${i}`,`sf-button--${s}`);const b=["normal","compact","comfortable","spacious"].includes(h);b&&"normal"!==h?this.button.classList.add(`spacing-${h}`):!b&&u&&this.button.classList.add(`tightness-${u}`),d&&this.button.classList.add(`radius-${d}`),f&&(this.button.classList.add("loading","sf-button-state-loading"),this.button.setAttribute("aria-busy","true"),this.button.disabled=!0),p&&(this.button.disabled=!0),y&&this.button.classList.add(...`${y}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.button.setAttribute(t,e)}),this.button.hasAttribute("type")||this.button.setAttribute("type","button");const w=`${c}`.toLowerCase(),g=["right","end"].includes(w),x=r??(a&&!g?a:null),E=l??(a&&g?a:null);this.iconLeft=this.createIcon(x),this.iconRight=this.createIcon(E),this.textContainer=document.createElement("span"),this.textContainer.classList.add("sf-button-text-container"),this.textElement=document.createElement("span"),this.textElement.classList.add("sf-button-text"),this.textContainer.textContent=o,this.applyLayoutUtilities(this.button,".sf-button"),this.applyLayoutUtilities(this.iconLeft,".sf-button .sf-icon"),this.applyLayoutUtilities(this.iconRight,".sf-button .sf-icon"),this.applyLayoutUtilities(this.textContainer,".sf-button .sf-button-text-container"),this.applyUtilities(this.button,m.button??m),this.applyUtilities(this.iconLeft,m.icon),this.applyUtilities(this.iconRight,m.icon),this.applyUtilities(this.textContainer,m.textContainer);let L=this.iconLeft,C=this.iconRight;if(f){const t=!L&&!C;this.spinner=n({className:"sf-button-spinner",overlay:t}),L?L=this.spinner:C?C=this.spinner:this.button.append(this.spinner)}L&&this.button.append(L),this.button.append(this.textContainer),C&&this.button.append(C),this.template=this.button}createIcon(t){if(!t)return null;const e=document.createElement("i");return e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=t,e}applyUtilities(t,e){if(!t||!e)return;var i;(i=e,Array.isArray(i)?i:"string"==typeof i?i.split(" "):Array.isArray(i?.classes)?i.classes:"string"==typeof i?.classes?i.classes.split(" "):Array.isArray(i?.button)?i.button:"string"==typeof i?.button?i.button.split(" "):[]).filter(Boolean).forEach(e=>t.classList.add(e))}}o.utilityMap=e,i("Buttons",o)})();
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=JSON.parse('{".sf-button":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-button-text-container":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const s=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};function i(t,e={}){const s=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&s.setAttribute(t,String(e))}),s}const n=t=>Math.round(1e3*t)/1e3;function o(t={}){return function({width:t=24,height:e=24,stroke:s=2,dots:o=8,filled:a=3,dotRadius:r=null,direction:l="clockwise",pixel:c=!1}={}){const h=t/2,d=e/2,u=Math.min(t,e)/2,f=Math.max(1,u-s/2),p=i("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:c?t:null,height:c?e:null,"aria-hidden":"true",focusable:"false"}),m={cx:h,cy:d,r:n(f),fill:"none",stroke:"currentColor","stroke-width":s},y=i("circle",{class:"sf-loader-ring-filled",...m,opacity:"0.3"}),b=i("circle",{class:"sf-loader-ring-accent",...m,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${h} ${d})`}),w=i("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${h} ${d})`});for(let t=0;t<10;t+=1){const e=9===t;w.append(i("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...m,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${n(4)} ${n(96)}`,"stroke-dashoffset":n(-4*t),opacity:n(((t+1)/10)**1.6)}))}const g=Math.max(3,Math.min(32,Math.floor(Number(o)||8))),x=Math.max(1,Math.min(g,Math.floor(Number(a)||3))),E=Math.min(s,.7*Math.PI*(u-s)/g),L=null==r||""===r?E:Math.max(1,Math.min(Number(r)||E,u/4)),N=Math.max(L,u-L),M=i("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${g}; --sf-loader-dot-filled:${x};`});for(let t=0;t<g;t+=1){const e=2*Math.PI/g*t-Math.PI/2,s="counterclockwise"===l?t:(g-t)%g;M.append(i("circle",{class:"sf-loader-dot"+(t<x?" sf-loader-dot--active":""),cx:n(h+N*Math.cos(e)),cy:n(d+N*Math.sin(e)),r:n(L),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${s};`}))}return p.append(y,b,w,M),p}({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}class a extends t{static componentName="Buttons";html=null;constructor(t){super(t);const{size:e="1",type:s="default",scheme:i="primary",text:n="",icon:a,iconLeft:r,iconRight:l,iconPosition:c="start",tightness:h,spacing:d,radius:u,loading:f=!1,disabled:p=!1,utilities:m={}}=this.params||{},y=this.attrs.class||this.attrs.className;this.button=document.createElement("button"),this.id&&(this.button.id=this.id),this.button.classList.add("sf-button",`sf-button--size-${e}`,`sf-button--${s}`,`sf-button--${i}`);const b=["normal","compact","comfortable","spacious"].includes(d);b&&"normal"!==d?this.button.classList.add(`spacing-${d}`):!b&&h&&this.button.classList.add(`tightness-${h}`),u&&this.button.classList.add(`radius-${u}`),f&&(this.button.classList.add("loading","sf-button-state-loading"),this.button.setAttribute("aria-busy","true"),this.button.disabled=!0),p&&(this.button.disabled=!0),y&&this.button.classList.add(...`${y}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.button.setAttribute(t,e)}),this.button.hasAttribute("type")||this.button.setAttribute("type","button");const w=`${c}`.toLowerCase(),g=["right","end"].includes(w),x=r??(a&&!g?a:null),E=l??(a&&g?a:null);this.iconLeft=this.createIcon(x),this.iconRight=this.createIcon(E),this.textContainer=document.createElement("span"),this.textContainer.classList.add("sf-button-text-container"),this.textElement=document.createElement("span"),this.textElement.classList.add("sf-button-text"),this.textContainer.textContent=n,this.applyLayoutUtilities(this.button,".sf-button"),this.applyLayoutUtilities(this.iconLeft,".sf-button .sf-icon"),this.applyLayoutUtilities(this.iconRight,".sf-button .sf-icon"),this.applyLayoutUtilities(this.textContainer,".sf-button .sf-button-text-container"),this.applyUtilities(this.button,m.button??m),this.applyUtilities(this.iconLeft,m.icon),this.applyUtilities(this.iconRight,m.icon),this.applyUtilities(this.textContainer,m.textContainer);let L=this.iconLeft,N=this.iconRight;if(f){const t=!L&&!N;this.spinner=function({className:t="",overlay:e=!1}={}){const s=document.createElement("span");s.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),s.dataset.sfSpinnerBound="1",s.dataset.infinite="true",s.setAttribute("aria-hidden","true");const i=document.createElement("span");return i.className="sf-loader--loading-indicator",i.append(o()),s.append(i),s}({className:"sf-button-spinner",overlay:t}),L?L=this.spinner:N?N=this.spinner:this.button.append(this.spinner)}L&&this.button.append(L),this.button.append(this.textContainer),N&&this.button.append(N),this.template=this.button}createIcon(t){if(!t)return null;const e=document.createElement("i");return e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=t,e}applyUtilities(t,e){if(!t||!e)return;var s;(s=e,Array.isArray(s)?s:"string"==typeof s?s.split(" "):Array.isArray(s?.classes)?s.classes:"string"==typeof s?.classes?s.classes.split(" "):Array.isArray(s?.button)?s.button:"string"==typeof s?.button?s.button.split(" "):[]).filter(Boolean).forEach(e=>t.classList.add(e))}}a.utilityMap=e,s("Buttons",a)})();
package/distr/component/icon-buttons/js/icon-buttons.min.js CHANGED
@@ -1 +1 @@
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=JSON.parse('{".sf-icon-button":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-icon-button .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const s=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};function i(t,e={}){const s=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&s.setAttribute(t,String(e))}),s}function n({className:t="",overlay:e=!1}={}){const s=document.createElement("span");s.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),s.dataset.sfSpinnerBound="1",s.dataset.infinite="true",s.setAttribute("aria-hidden","true");const n=document.createElement("span");return n.className="sf-loader--loading-indicator",n.append(function(){const t=12,e=i("svg",{class:"sf-loader-svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"}),s=i("circle",{class:"sf-loader-ring-filled",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,opacity:"0.3"}),n=i("circle",{class:"sf-loader-ring-accent",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:"rotate(90 12 12)"});return e.append(s,n),e}()),s.append(n),s}class o extends t{static componentName="IconButtons";html=null;constructor(t){super(t);const{size:e="1",type:s="default",scheme:i="primary",icon:o,tightness:r,spacing:a,radius:l,loading:c=!1,disabled:u=!1,utilities:d={}}=this.params||{},h=this.attrs.class||this.attrs.className;this.button=document.createElement("button"),this.id&&(this.button.id=this.id),this.button.classList.add("sf-icon-button","sf-icon-button--icon",`sf-icon-button--size-${e}`,`sf-icon-button--${s}`,`sf-icon-button--${i}`);const f=["normal","compact","comfortable","spacious"].includes(a);f&&"normal"!==a?this.button.classList.add(`spacing-${a}`):!f&&r&&this.button.classList.add(`tightness-${r}`),l&&this.button.classList.add(`radius-${l}`),c&&(this.button.classList.add("loading","sf-icon-button-state-loading"),this.button.setAttribute("aria-busy","true"),this.button.disabled=!0),u&&(this.button.disabled=!0),h&&this.button.classList.add(...`${h}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.button.setAttribute(t,e)}),this.button.hasAttribute("type")||this.button.setAttribute("type","button"),this.iconElement=this.createIcon(o),this.applyLayoutUtilities(this.button,".sf-icon-button"),this.applyLayoutUtilities(this.iconElement,".sf-icon-button .sf-icon"),this.applyUtilities(this.button,d.button??d),this.applyUtilities(this.iconElement,d.icon),c?(this.spinner=n({className:"sf-icon-button-spinner"}),this.button.append(this.spinner)):this.iconElement&&this.button.append(this.iconElement),this.template=this.button}createIcon(t){if(!t)return null;const e=document.createElement("i");return e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=t,e}applyUtilities(t,e){if(!t||!e)return;var s;(s=e,Array.isArray(s)?s:"string"==typeof s?s.split(" "):Array.isArray(s?.classes)?s.classes:"string"==typeof s?.classes?s.classes.split(" "):Array.isArray(s?.button)?s.button:"string"==typeof s?.button?s.button.split(" "):[]).filter(Boolean).forEach(e=>t.classList.add(e))}}o.utilityMap=e,s("IconButtons",o)})();
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=JSON.parse('{".sf-icon-button":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-icon-button .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const s=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};function i(t,e={}){const s=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&s.setAttribute(t,String(e))}),s}const n=t=>Math.round(1e3*t)/1e3;function o(t={}){return function({width:t=24,height:e=24,stroke:s=2,dots:o=8,filled:a=3,dotRadius:r=null,direction:l="clockwise",pixel:c=!1}={}){const d=t/2,u=e/2,h=Math.min(t,e)/2,f=Math.max(1,h-s/2),p=i("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:c?t:null,height:c?e:null,"aria-hidden":"true",focusable:"false"}),m={cx:d,cy:u,r:n(f),fill:"none",stroke:"currentColor","stroke-width":s},y=i("circle",{class:"sf-loader-ring-filled",...m,opacity:"0.3"}),b=i("circle",{class:"sf-loader-ring-accent",...m,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${d} ${u})`}),w=i("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${d} ${u})`});for(let t=0;t<10;t+=1){const e=9===t;w.append(i("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...m,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${n(4)} ${n(96)}`,"stroke-dashoffset":n(-4*t),opacity:n(((t+1)/10)**1.6)}))}const g=Math.max(3,Math.min(32,Math.floor(Number(o)||8))),E=Math.max(1,Math.min(g,Math.floor(Number(a)||3))),N=Math.min(s,.7*Math.PI*(h-s)/g),M=null==r||""===r?N:Math.max(1,Math.min(Number(r)||N,h/4)),x=Math.max(M,h-M),$=i("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${g}; --sf-loader-dot-filled:${E};`});for(let t=0;t<g;t+=1){const e=2*Math.PI/g*t-Math.PI/2,s="counterclockwise"===l?t:(g-t)%g;$.append(i("circle",{class:"sf-loader-dot"+(t<E?" sf-loader-dot--active":""),cx:n(d+x*Math.cos(e)),cy:n(u+x*Math.sin(e)),r:n(M),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${s};`}))}return p.append(y,b,w,$),p}({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}class a extends t{static componentName="IconButtons";html=null;constructor(t){super(t);const{size:e="1",type:s="default",scheme:i="primary",icon:n,tightness:a,spacing:r,radius:l,loading:c=!1,disabled:d=!1,utilities:u={}}=this.params||{},h=this.attrs.class||this.attrs.className;this.button=document.createElement("button"),this.id&&(this.button.id=this.id),this.button.classList.add("sf-icon-button","sf-icon-button--icon",`sf-icon-button--size-${e}`,`sf-icon-button--${s}`,`sf-icon-button--${i}`);const f=["normal","compact","comfortable","spacious"].includes(r);f&&"normal"!==r?this.button.classList.add(`spacing-${r}`):!f&&a&&this.button.classList.add(`tightness-${a}`),l&&this.button.classList.add(`radius-${l}`),c&&(this.button.classList.add("loading","sf-icon-button-state-loading"),this.button.setAttribute("aria-busy","true"),this.button.disabled=!0),d&&(this.button.disabled=!0),h&&this.button.classList.add(...`${h}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.button.setAttribute(t,e)}),this.button.hasAttribute("type")||this.button.setAttribute("type","button"),this.iconElement=this.createIcon(n),this.applyLayoutUtilities(this.button,".sf-icon-button"),this.applyLayoutUtilities(this.iconElement,".sf-icon-button .sf-icon"),this.applyUtilities(this.button,u.button??u),this.applyUtilities(this.iconElement,u.icon),c?(this.spinner=function({className:t="",overlay:e=!1}={}){const s=document.createElement("span");s.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),s.dataset.sfSpinnerBound="1",s.dataset.infinite="true",s.setAttribute("aria-hidden","true");const i=document.createElement("span");return i.className="sf-loader--loading-indicator",i.append(o()),s.append(i),s}({className:"sf-icon-button-spinner"}),this.button.append(this.spinner)):this.iconElement&&this.button.append(this.iconElement),this.template=this.button}createIcon(t){if(!t)return null;const e=document.createElement("i");return e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=t,e}applyUtilities(t,e){if(!t||!e)return;var s;(s=e,Array.isArray(s)?s:"string"==typeof s?s.split(" "):Array.isArray(s?.classes)?s.classes:"string"==typeof s?.classes?s.classes.split(" "):Array.isArray(s?.button)?s.button:"string"==typeof s?.button?s.button.split(" "):[]).filter(Boolean).forEach(e=>t.classList.add(e))}}a.utilityMap=e,s("IconButtons",a)})();
package/distr/component/modal/css/modal.min.css CHANGED
@@ -1 +1 @@
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)}}
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-loading .sf-modal-spinner{--sf-loader-svg-width: var(--sf-text-height-3);--sf-loader-svg-height: var(--sf-text-height-3);display:inline-flex;flex:none;width:var(--sf-text-height-3);inline-size:var(--sf-text-height-3);height:var(--sf-text-height-3);block-size:var(--sf-text-height-3);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-modal-loading .sf-modal-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-modal-loading .sf-modal-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}}@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 CHANGED
@@ -1 +1 @@
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)})();
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]})(),o=s.listeners,n=s.registered,i=t=>String(t??"").trim().toLowerCase().replace("_","-"),a=()=>{for(const t of[...o])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),o=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return i(o).split("-")[0]||"en"}function d(t){if(s.chosen)return s.chosen;const e=l(t);return i(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(t,e,s,o){const a=o??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(s);for(const o of(t=>{const e=i(t),s=e.split("-")[0],o=[];for(const t of[e,s,"en"])t&&!o.includes(t)&&o.push(t);return o})(d(s))){const s=a?n.get(a)?.get(o)?.[e]:void 0;if(void 0!==s)return s;const i=t?.[o]?.[e];if(void 0!==i)return i}return e}const h={current:(t=globalThis.document?.documentElement??null)=>d(t),use(t){const e=null==t?null:i(t);return e===s.chosen||(s.chosen=e,a()),s.chosen},register(t,e,s){const o=String(t??"").toLowerCase(),l=i(e);if(!o||!l)throw new TypeError("a component and a language are required");n.has(o)||n.set(o,new Map);const r=n.get(o);return null===s?r.delete(l):r.set(l,{...r.get(l)??{},...s}),a(),this},registerAll(t,e={}){for(const[s,o]of Object.entries(e))this.register(s,t,o);return this},known(t){const e=String(t??"").toLowerCase();return[...n.get(e)?.keys()??[]]},components:()=>[...n.keys()],onChange:t=>"function"!=typeof t?()=>{}:(o.add(t),()=>o.delete(t)),forget(){return n.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,o=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 o.filter(t=>{if(!f(t,t))return!0;const s=o.filter(e=>f(t,e)),n=s.find(t=>t.checked);return t===(n||s.at(e?-1:0))})}const g=t=>{const e=Number.parseFloat(t);return Number.isFinite(e)?e*(t.trim().endsWith("ms")?1:1e3):0};function b(t,e=window){let s=!1,o=null,n=null;const i=()=>{s||(s=!0,null!==o&&(e.cancelAnimationFrame(o),o=null),null!==n&&(e.clearTimeout(n),n=null),t())};return o=e.requestAnimationFrame(i),n=e.setTimeout(i,50),"function"==typeof e.queueMicrotask&&e.queueMicrotask(i),()=>{s=!0,null!==o&&e.cancelAnimationFrame(o),null!==n&&e.clearTimeout(n)}}function y(t,e,s=window){let o=null,n=!1;const i=b(()=>{if(n)return;const i=t(),a=i?.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(g),o=t.transitionDelay.split(",").map(g);return Math.max(0,...e.map((t,e)=>["all","opacity","transform","-webkit-transform"].includes(t)?Math.max(0,s[e%s.length])+o[e%o.length]:0))}(e)}));o=s.setTimeout(()=>{n||e()},l)},s);return()=>{n=!0,i(),null!==o&&s.clearTimeout(o)}}function v(t,e={}){const s=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&s.setAttribute(t,String(e))}),s}const w=t=>Math.round(1e3*t)/1e3;function C(t={}){return function({width:t=24,height:e=24,stroke:s=2,dots:o=8,filled:n=3,dotRadius:i=null,direction:a="clockwise",pixel:l=!1}={}){const r=t/2,d=e/2,c=Math.min(t,e)/2,h=Math.max(1,c-s/2),m=v("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:l?t:null,height:l?e:null,"aria-hidden":"true",focusable:"false"}),u={cx:r,cy:d,r:w(h),fill:"none",stroke:"currentColor","stroke-width":s},f=v("circle",{class:"sf-loader-ring-filled",...u,opacity:"0.3"}),p=v("circle",{class:"sf-loader-ring-accent",...u,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${r} ${d})`}),g=v("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${r} ${d})`});for(let t=0;t<10;t+=1){const e=9===t;g.append(v("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...u,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${w(4)} ${w(96)}`,"stroke-dashoffset":w(-4*t),opacity:w(((t+1)/10)**1.6)}))}const b=Math.max(3,Math.min(32,Math.floor(Number(o)||8))),y=Math.max(1,Math.min(b,Math.floor(Number(n)||3))),C=Math.min(s,.7*Math.PI*(c-s)/b),_=null==i||""===i?C:Math.max(1,Math.min(Number(i)||C,c/4)),E=Math.max(_,c-_),A=v("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${b}; --sf-loader-dot-filled:${y};`});for(let t=0;t<b;t+=1){const e=2*Math.PI/b*t-Math.PI/2,s="counterclockwise"===a?t:(b-t)%b;A.append(v("circle",{class:"sf-loader-dot"+(t<y?" sf-loader-dot--active":""),cx:w(r+E*Math.cos(e)),cy:w(d+E*Math.sin(e)),r:w(_),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${s};`}))}return m.append(f,p,g,A),m}({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}const _=Symbol.for("simai.modal.document-stack");function E(){return document[_]||Object.defineProperty(document,_,{value:{items:[],lockOwner:null},configurable:!0}),document[_]}function A(){return E().items.at(-1)||null}function S(){E().items.forEach((t,e)=>t.applyStackPosition(e)),function(t){const e=t?.getModalRoot?.()||t?.template,s=e?.querySelector?.("[data-sf-modal-panel]"),o=document[u];if(o&&o.panel===s&&o.before.isConnected&&o.after.isConnected)return;if(o?.before.remove(),o?.after.remove(),delete document[u],!s?.parentNode)return;const n={panel:s,relaying:!1};for(const t of["before","after"]){const o=s.ownerDocument.createElement("span");o.tabIndex=0,o.className="sf-modal-focus-guard",o.setAttribute("aria-hidden","true"),o.addEventListener("focus",()=>{if(n.relaying||!s.isConnected||e.inert||"true"===e.getAttribute("aria-hidden"))return;const o="before"===t,i=p(s,o),a=o?i.at(-1):i[0];a&&"IFRAME"!==a.tagName?a.focus({preventScroll:!0}):s.focus({preventScroll:!0})}),n[t]=o}s.before(n.before),s.after(n.after),document[u]=n}(A())}const x=t=>!t.inContainer;function L(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 o;const n=()=>{o?.disconnect(),t.removeEventListener("blur",n),s&&"-1"===t.getAttribute("tabindex")&&t.removeAttribute("tabindex")};s&&(t.setAttribute("tabindex","-1"),t.addEventListener("blur",n,{once:!0}),o=new t.ownerDocument.defaultView.MutationObserver(()=>{t.isConnected||n()}),o.observe(t.ownerDocument.documentElement,{childList:!0,subtree:!0}));let i=!1;try{return t.focus({preventScroll:!0}),i=t.ownerDocument.activeElement===t,i}catch{return!1}finally{s&&!i&&n()}}const k="[data-sf-overlay-container], [data-sf-drawer-container]";function T(...t){return t.filter(Boolean).join(" ").trim()}function N(t="medium"){const e=String(t||"medium").trim().toLowerCase();return["none","small","medium","large"].includes(e)?e:"medium"}function O(t="medium"){return`backdrop-blur-${N(t)}`}function M(t){return["none","small","medium","large"].includes(String(t||"").trim().toLowerCase())}function F(t){return String(t||"").trim()}const P={en:{title:"Dialog",close:"Close",loading:"Loading…",loadFailed:"Failed to load content",frameFailed:"Failed to load iframe content"},ru:{title:"Окно",close:"Закрыть",loading:"Загрузка…",loadFailed:"Не удалось загрузить содержимое",frameFailed:"Не удалось загрузить встроенную страницу"}},B=(t,e)=>c(P,t,e?.isConnected?e:document.documentElement,"sf-modal"),I=t=>c(P,"title",t);class $ 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 A()}static isTopModal(t){return $.getTopModal()===t}static addToStack(t){t&&"inline"!==t.display&&($.stack=$.stack.filter(e=>e!==t),$.stack.push(t),$.openCount=$.stack.length,function(t,e){const s=E();s.items.includes(t)||(x(t)&&!s.lockOwner&&(s.lockOwner=e,e.lockPage(t.preserveScrollGap)),s.items.push(t),S())}(t,$))}static removeFromStack(t){t&&"inline"!==t.display&&($.stack=$.stack.filter(e=>e!==t),$.openCount=$.stack.length,function(t){const e=E(),s=e.items.indexOf(t);s<0||(e.items.splice(s,1),e.lockOwner&&!e.items.some(x)&&(e.lockOwner.unlockPage(),e.lockOwner=null),S())}(t))}static bringToFront(t){t&&"inline"!==t.display&&$.stack.includes(t)&&($.stack=$.stack.filter(e=>e!==t),$.stack.push(t),function(t){const e=E(),s=e.items.indexOf(t);s<0||(e.items.splice(s,1),e.items.push(t),S())}(t))}static updateStackStyles(){S()}constructor(t){super(t);const e=this.params||{};this.modalId=this.id||e.id||"sf-modal-"+ ++$.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=!!M(e.blur)||this.toBoolean(e.blur,!1),this.hasCustomBlurType=M(e.blurType)||M(e.blur),this.blurType=N(e.blurType||(M(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(k)||e.setAttribute("data-sf-overlay-container",""),e;return(t instanceof Element?t.closest(k):null)||document.body}get overlayHome(){return this.overlayHomeFor()}get inContainer(){return Boolean(this.template?.parentElement?.closest(k))}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 o={modal:this,id:this.modalId,isOpen:this.isOpen,...s};let n=!1;if(this.template){const s=new CustomEvent(t,{bubbles:!0,cancelable:e,detail:o});this.template.dispatchEvent(s),n=n||s.defaultPrevented}if("undefined"!=typeof window){const e=new CustomEvent(t,{cancelable:!1,detail:o});window.dispatchEvent(e)}return!n}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"}),o=this.runCallback("beforeOpenWindow",{phase:"before-open"});return!1!==s&&!1!==o}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"}),o=this.runCallback("beforeCloseWindow",{phase:"before-close"});return!1!==s&&!1!==o}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?[O(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 o=document.createElement("div");o.className=T("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),o.setAttribute("data-sf-modal-overlay",""),this.overlay&&!e||o.classList.add("hidden");const n=document.createElement("section");n.className=T("relative overflow-visible",t.panelClass),n.setAttribute("data-sf-modal-panel","");const i=F(t.width),a=F(t.height);i&&(n.style.setProperty("--sf-modal-width",i),n.setAttribute("data-sf-modal-has-width","")),a&&(n.style.setProperty("--sf-modal-height",a),n.setAttribute("data-sf-modal-has-height",""));const l=document.createElement("div");l.className=T(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=T("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||I(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||I(s),r.append(e),this.showClose){const e=document.createElement("button");e.type="button",e.className=T("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(P,"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=T("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=T("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=T("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),n.append(l),s.append(o,n),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");const s=B("loading",this.template);e.setAttribute("role","status"),e.setAttribute("aria-label",s);const o=document.createElement("p");o.className="m-0 text-2 color-on-surface-variant",o.textContent=s,e.append(o),e.prepend(function({className:t="",overlay:e=!1}={}){const s=document.createElement("span");s.className=["sf-loader-container","sf-loader--infinite",t,t&&e?`${t}--overlay`:""].filter(Boolean).join(" "),s.dataset.sfSpinnerBound="1",s.dataset.infinite="true",s.setAttribute("aria-hidden","true");const o=document.createElement("span");return o.className="sf-loader--loading-indicator",o.append(C()),s.append(o),s}({className:"sf-modal-spinner"})),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||B("loadFailed",this.template))}</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();const t=new AbortController;this._fetchController=t;try{this._emitBeforeContentUpload();const e=await fetch(this.src,{signal:t.signal});if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);const s=await e.text();this._contentLoaded=!0,this._finishLoading(),this._replaceContentWithHtml(s),this._fetchController=null,this._emitAfterContentUpload()}catch(e){if("AbortError"===e.name)return void(this._fetchController&&this._fetchController!==t||this._finishLoading());this._contentError=e.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=B("frameFailed",this.template),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||B("loadFailed",this.template))}</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),$.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"),$.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),$.registry.set(this.modalId,this),$.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()),$.removeFromStack(this),this.template.removeEventListener("click",this.onOverlayClick),document.removeEventListener("keydown",this.onKeyDown),$.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)&&$.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(!$.isTopModal(this))return;!function(t,e){if(!t)return;const s=p(t,e.shiftKey),o=t.ownerDocument.activeElement;if(!s.length)return e.preventDefault(),void t.focus();const n=s[0],i=s[s.length-1],a=e.shiftKey?n:i;if(!t.contains(o)||o===t||o===a||f(o,a)){const s=e.shiftKey?i:n,o=t.ownerDocument[u];if("IFRAME"===s.tagName&&o?.panel===t){o.relaying=!0;try{(e.shiftKey?o.after:o.before).focus({preventScroll:!0})}finally{o.relaying=!1}return}e.preventDefault(),s.focus()}}(this.template.querySelector("[data-sf-modal-panel]"),t)}focusFirst(){if("inline"!==this.display&&!$.isTopModal(this))return;const t=this.template.querySelector("[data-sf-modal-panel]");t&&(t.setAttribute("tabindex","-1"),t.focus())}applyStackPosition(t=function(t){return E().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($.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 $.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,$.addToStack(this),!e)return this._modalState="open",this.template.setAttribute("data-sf-modal-state","open"),this.focusFirst(),void this.emitAfterOpen();b(()=>{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,o=()=>{for(const e of t.children)e.hasAttribute("inert")||(e.setAttribute("inert",""),s.add(e))};e&&t.focus({preventScroll:!0}),o();const n=new t.ownerDocument.defaultView.MutationObserver(o);return n.observe(t,{childList:!0}),()=>{n.disconnect();for(const t of s)""===t.getAttribute("inert")&&t.removeAttribute("inert");s.clear()}}(t,$.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=$.isTopModal(this);$.removeFromStack(this),function(t,e,s=[]){if(!t)return;const o=A(),n=o?.getModalRoot?.()||o?.template;if((!o||n?.contains(e))&&L(e))return;if(o)return void o.focusFirst();const i=new Set([...s,...document.querySelectorAll('main, [role="main"]'),document.body]);for(const t of i)if(L(t,!0))return}(t,this.lastActive,this._focusReturnAncestors),this.emitAfterClose()}static bindGlobalEvents(){$.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=$.registry.get(t);return void(s&&s.open())}const s=t.target.closest("[data-sf-modal-close]");if(!s)return;const o=s.getAttribute("data-sf-modal-close");if(o){const t=$.registry.get(o);return void(t&&t.close())}const n=s.closest(".sf-modal");if(!n)return;const i=n.getAttribute("data-sf-modal-id"),a=$.registry.get(i);a&&a.close()}),$.globalBound=!0)}static lockPage(t=!0){$.lockState||($.lockState=function(t=!0){const e=document.documentElement,s=document.body;if(!e||!s)return null;const o=Math.max(0,window.innerWidth-e.clientWidth),n=parseFloat(window.getComputedStyle(s).paddingInlineEnd)||0,i={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&&o>0&&(s.style.setProperty("padding-inline-end",`${n+o}px`,i.paddingPriority),i.appliedPadding=s.style.getPropertyValue("padding-inline-end")),i}(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"))}($.lockState),$.lockState=null}}e("Modal",$)})();
package/distr/component/spinner/css/spinner.min.css CHANGED
@@ -1 +1 @@
1
- @layer sf.components{.sf-loader-container{--sf-loader-track-color: var(--sf-surface-container);--sf-loader-svg-width: var(--sf-text-height-1);--sf-loader-svg-height: var(--sf-text-height-1);--sf-loader-stroke-width: 2;--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1);--sf-loader-cycle-duration: calc(var(--sf-duration-slow) * 6);--sf-loader-dot-duration: calc(var(--sf-duration-slow) * 3);color:currentColor;color:var(--sf-loader--color, currentColor);display:flex;flex-direction:column;align-items:center;gap:var(--sf-loader-text-gap);justify-content:center}.sf-loader-container .sf-loader--text{font-family:var(--sf-text--family);font-weight:400;font-size:var(--sf-loader-text-size);color:var(--sf-on-surface)}.sf-loader-container.sf-loader--size-1\/3{--sf-loader-svg-width: var(--sf-text-height-1\/3);--sf-loader-svg-height: var(--sf-text-height-1\/3);--sf-loader-text-gap: var(--sf-space-1\/3);--sf-loader-text-size: var(--sf-text-size-1\/3)}.sf-loader-container.sf-loader--size-1\/2{--sf-loader-svg-width: var(--sf-text-height-1\/2);--sf-loader-svg-height: var(--sf-text-height-1\/2);--sf-loader-text-gap: var(--sf-space-1\/3);--sf-loader-text-size: var(--sf-text-size-1\/2)}.sf-loader-container.sf-loader--size-1{--sf-loader-svg-width: var(--sf-text-height-1);--sf-loader-svg-height: var(--sf-text-height-1);--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1)}.sf-loader-container.sf-loader--size-2{--sf-loader-svg-width: var(--sf-text-height-2);--sf-loader-svg-height: var(--sf-text-height-2);--sf-loader-text-gap: var(--sf-space-1);--sf-loader-text-size: var(--sf-text-size-2)}.sf-loader-container.sf-loader--size-3{--sf-loader-svg-width: var(--sf-text-height-3);--sf-loader-svg-height: var(--sf-text-height-3);--sf-loader-text-gap: var(--sf-space-2);--sf-loader-text-size: var(--sf-text-size-3)}.sf-loader-container.sf-loader--pixel-geometry{--sf-loader-stroke-width: var(--sf-a5)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1\/3{--sf-loader-stroke-width: var(--sf-a4)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1\/2{--sf-loader-stroke-width: var(--sf-a4)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1{--sf-loader-stroke-width: var(--sf-a6)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-2{--sf-loader-stroke-width: var(--sf-a6)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-3{--sf-loader-stroke-width: var(--sf-a8)}}@layer sf.components{.sf-loader-container .sf-loader--loading-indicator,.sf-loader-container .sf-loader--circles{display:inline-flex;height:var(--sf-loader-svg-height);width:var(--sf-loader-svg-width)}.sf-loader-container .sf-loader-svg{display:block;height:100%;overflow:visible;width:100%}.sf-loader-container .sf-loader-ring-filled{fill:none;opacity:var(--sf-opacity-30);stroke:var(--sf-surface-container);stroke:var(--sf-loader-track-color, var(--sf-surface-container));stroke-linecap:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader-ring-accent{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader--loading-indicator .sf-loader-ring-accent{-webkit-animation:sf-loader-ring-accent-fill var(--sf-loader-cycle-duration) linear both;animation:sf-loader-ring-accent-fill var(--sf-loader-cycle-duration) linear both}.sf-loader-container.sf-loader--infinite .sf-loader--loading-indicator .sf-loader-ring-accent{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sf-loader-container .sf-loader-dot{fill:currentColor;opacity:var(--sf-opacity-20);-webkit-animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;-webkit-animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1);animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1)}.sf-loader-container .sf-loader-dot--active{opacity:var(--sf-opacity-60)}.sf-loader-container.sf-loader--infinite .sf-loader-dot{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@media(prefers-reduced-motion: reduce){.sf-loader-container .sf-loader-ring-accent,.sf-loader-container .sf-loader-dot{-webkit-animation:none !important;animation:none !important}.sf-loader-container .sf-loader-ring-accent{opacity:1;stroke-dasharray:24 76}}@-webkit-keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}@keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}}
1
+ @layer sf.components{.sf-loader-container{--sf-loader-track-color: var(--sf-surface-container);--sf-loader-svg-width: var(--sf-text-height-1);--sf-loader-svg-height: var(--sf-text-height-1);--sf-loader-stroke-width: 2;--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1);--sf-loader-cycle-duration: calc(var(--sf-duration-slow) * 6);--sf-loader-dot-duration: calc(var(--sf-duration-slow) * 3);--sf-loader-spin-duration: calc(var(--sf-duration-slow) * 4);--sf-loader-breath-duration: calc(var(--sf-duration-slow) * 3);--sf-loader-comet-duration: calc(var(--sf-duration-slow) * 2);color:currentColor;color:var(--sf-loader--color, currentColor);display:flex;flex-direction:column;align-items:center;gap:var(--sf-loader-text-gap);justify-content:center}.sf-loader-container .sf-loader--text{font-family:var(--sf-text--family);font-weight:400;font-size:var(--sf-loader-text-size);color:var(--sf-on-surface)}.sf-loader-container.sf-loader--size-1\/3{--sf-loader-svg-width: var(--sf-text-height-1\/3);--sf-loader-svg-height: var(--sf-text-height-1\/3);--sf-loader-text-gap: var(--sf-space-1\/3);--sf-loader-text-size: var(--sf-text-size-1\/3)}.sf-loader-container.sf-loader--size-1\/2{--sf-loader-svg-width: var(--sf-text-height-1\/2);--sf-loader-svg-height: var(--sf-text-height-1\/2);--sf-loader-text-gap: var(--sf-space-1\/3);--sf-loader-text-size: var(--sf-text-size-1\/2)}.sf-loader-container.sf-loader--size-1{--sf-loader-svg-width: var(--sf-text-height-1);--sf-loader-svg-height: var(--sf-text-height-1);--sf-loader-text-gap: var(--sf-space-1\/2);--sf-loader-text-size: var(--sf-text-size-1)}.sf-loader-container.sf-loader--size-2{--sf-loader-svg-width: var(--sf-text-height-2);--sf-loader-svg-height: var(--sf-text-height-2);--sf-loader-text-gap: var(--sf-space-1);--sf-loader-text-size: var(--sf-text-size-2)}.sf-loader-container.sf-loader--size-3{--sf-loader-svg-width: var(--sf-text-height-3);--sf-loader-svg-height: var(--sf-text-height-3);--sf-loader-text-gap: var(--sf-space-2);--sf-loader-text-size: var(--sf-text-size-3)}.sf-loader-container.sf-loader--pixel-geometry{--sf-loader-stroke-width: var(--sf-a5)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1\/3{--sf-loader-stroke-width: var(--sf-a4)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1\/2{--sf-loader-stroke-width: var(--sf-a4)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-1{--sf-loader-stroke-width: var(--sf-a6)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-2{--sf-loader-stroke-width: var(--sf-a6)}.sf-loader-container.sf-loader--pixel-geometry.sf-loader--size-3{--sf-loader-stroke-width: var(--sf-a8)}}@layer sf.components{.sf-loader-container .sf-loader--loading-indicator,.sf-loader-container .sf-loader--circles{display:inline-flex;height:var(--sf-loader-svg-height);width:var(--sf-loader-svg-width)}.sf-loader-container .sf-loader-svg{display:block;height:100%;overflow:visible;width:100%}:where([data-sf-spinner]:not([data-sf-spinner=""])){--sf-loader--look-track: inline;--sf-loader--look-accent: inline;--sf-loader--look-comet: none;--sf-loader--look-dots: none;--sf-loader--look-motion: sf-loader-ring-accent-fill;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: none;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}[data-sf-spinner=breathing]{--sf-loader--look-track: inline;--sf-loader--look-accent: inline;--sf-loader--look-comet: none;--sf-loader--look-dots: none;--sf-loader--look-motion: sf-loader-breathing;--sf-loader--look-motion-duration: var(--sf-loader-breath-duration);--sf-loader--look-motion-easing: var(--sf-animation);--sf-loader--look-spin: sf-loader-svg-rotate;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}[data-sf-spinner=comet]{--sf-loader--look-track: inline;--sf-loader--look-accent: none;--sf-loader--look-comet: inline;--sf-loader--look-dots: none;--sf-loader--look-motion: none;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: sf-loader-svg-rotate;--sf-loader--look-spin-duration: var(--sf-loader-comet-duration)}[data-sf-spinner=dots]{--sf-loader--look-track: none;--sf-loader--look-accent: none;--sf-loader--look-comet: none;--sf-loader--look-dots: inline;--sf-loader--look-motion: none;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: none;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}.sf-loader-container:where([data-variant]:not([data-variant=""])){--sf-loader--look-track: inline;--sf-loader--look-accent: inline;--sf-loader--look-comet: none;--sf-loader--look-dots: none;--sf-loader--look-motion: sf-loader-ring-accent-fill;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: none;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}.sf-loader-container[data-variant=breathing]{--sf-loader--look-track: inline;--sf-loader--look-accent: inline;--sf-loader--look-comet: none;--sf-loader--look-dots: none;--sf-loader--look-motion: sf-loader-breathing;--sf-loader--look-motion-duration: var(--sf-loader-breath-duration);--sf-loader--look-motion-easing: var(--sf-animation);--sf-loader--look-spin: sf-loader-svg-rotate;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}.sf-loader-container[data-variant=comet]{--sf-loader--look-track: inline;--sf-loader--look-accent: none;--sf-loader--look-comet: inline;--sf-loader--look-dots: none;--sf-loader--look-motion: none;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: sf-loader-svg-rotate;--sf-loader--look-spin-duration: var(--sf-loader-comet-duration)}.sf-loader-container[data-variant=dots]{--sf-loader--look-track: none;--sf-loader--look-accent: none;--sf-loader--look-comet: none;--sf-loader--look-dots: inline;--sf-loader--look-motion: none;--sf-loader--look-motion-duration: var(--sf-loader-cycle-duration);--sf-loader--look-motion-easing: linear;--sf-loader--look-spin: none;--sf-loader--look-spin-duration: var(--sf-loader-spin-duration)}.sf-loader-container .sf-loader-svg{-webkit-animation-name:none;animation-name:none;-webkit-animation-name:var(--sf-loader--look-spin, none);animation-name:var(--sf-loader--look-spin, none);-webkit-animation-duration:var(--sf-loader-spin-duration);animation-duration:var(--sf-loader-spin-duration);-webkit-animation-duration:var(--sf-loader--look-spin-duration, var(--sf-loader-spin-duration));animation-duration:var(--sf-loader--look-spin-duration, var(--sf-loader-spin-duration));-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sf-loader-container .sf-loader-ring-filled{display:inline;display:var(--sf-loader--look-track, inline);fill:none;opacity:var(--sf-opacity-30);stroke:var(--sf-surface-container);stroke:var(--sf-loader-track-color, var(--sf-surface-container));stroke-linecap:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader-ring-accent{display:inline;display:var(--sf-loader--look-accent, inline);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader--loading-indicator .sf-loader-ring-accent{-webkit-animation-name:sf-loader-ring-accent-fill;animation-name:sf-loader-ring-accent-fill;-webkit-animation-name:var(--sf-loader--look-motion, sf-loader-ring-accent-fill);animation-name:var(--sf-loader--look-motion, sf-loader-ring-accent-fill);-webkit-animation-duration:var(--sf-loader-cycle-duration);animation-duration:var(--sf-loader-cycle-duration);-webkit-animation-duration:var(--sf-loader--look-motion-duration, var(--sf-loader-cycle-duration));animation-duration:var(--sf-loader--look-motion-duration, var(--sf-loader-cycle-duration));-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-timing-function:var(--sf-loader--look-motion-easing, linear);animation-timing-function:var(--sf-loader--look-motion-easing, linear);-webkit-animation-fill-mode:both;animation-fill-mode:both}.sf-loader-container.sf-loader--infinite .sf-loader--loading-indicator .sf-loader-ring-accent,.sf-loader-container.sf-loader--infinite .sf-loader-svg{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sf-loader-container .sf-loader-comet{display:none;display:var(--sf-loader--look-comet, none)}.sf-loader-container .sf-loader-comet-segment{fill:none;stroke:currentColor;stroke-width:var(--sf-loader-stroke-width)}.sf-loader-container .sf-loader-dots{display:none;display:var(--sf-loader--look-dots, none)}.sf-loader-container .sf-loader-dot{fill:currentColor;opacity:var(--sf-opacity-20);-webkit-animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;animation:sf-loader-dot-wave var(--sf-loader-dot-duration) linear both;-webkit-animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1);animation-delay:calc(var(--sf-loader-dot-duration)/var(--sf-loader-dot-count)*var(--sf-loader-dot-step)*-1)}.sf-loader-container .sf-loader-dot--active{opacity:var(--sf-opacity-60)}.sf-loader-container.sf-loader--infinite .sf-loader-dot{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sf-loader-svg-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@keyframes sf-loader-dot-wave{0%{opacity:var(--sf-opacity-20)}18%{opacity:1}40%{opacity:var(--sf-opacity-60)}100%{opacity:var(--sf-opacity-20)}}@media(prefers-reduced-motion: reduce){.sf-loader-container .sf-loader-svg,.sf-loader-container .sf-loader-ring-accent,.sf-loader-container .sf-loader-dot{-webkit-animation:none !important;animation:none !important}.sf-loader-container .sf-loader-ring-accent{opacity:1;stroke-dasharray:24 76}}@-webkit-keyframes sf-loader-breathing{0%{stroke-dasharray:4 96;stroke-dashoffset:0}50%{stroke-dasharray:70 30;stroke-dashoffset:-15}100%{stroke-dasharray:4 96;stroke-dashoffset:-100}}@keyframes sf-loader-breathing{0%{stroke-dasharray:4 96;stroke-dashoffset:0}50%{stroke-dasharray:70 30;stroke-dashoffset:-15}100%{stroke-dasharray:4 96;stroke-dashoffset:-100}}@-webkit-keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}@keyframes sf-loader-ring-accent-fill{0%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}10%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:0}18%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:0}42%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}58%{opacity:1;stroke-dasharray:100 0;stroke-dashoffset:0}82%{opacity:1;stroke-dasharray:6 94;stroke-dashoffset:-94}90%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}100%{opacity:0;stroke-dasharray:.01 100;stroke-dashoffset:-100}}}
package/distr/component/spinner/js/spinner.min.js CHANGED
@@ -1 +1 @@
1
- (()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const n=t.match(/\(([^)]+)\)/g);n&&n.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},n=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),i=n.listeners,o=n.registered,s=t=>String(t??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const t of[...i])try{t()}catch{}};function a(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const n="function"==typeof e.getRootNode?e.getRootNode():null;e=n&&n!==e&&n.host?n.host:null}return null}function l(t){if(n.chosen)return n.chosen.split("-")[0];const e=a(t),i=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return s(i).split("-")[0]||"en"}function d(t){if(n.chosen)return n.chosen;const e=a(t);return s(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(t,e,n,i){const r=i??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(n);for(const i of(t=>{const e=s(t),n=e.split("-")[0],i=[];for(const t of[e,n,"en"])t&&!i.includes(t)&&i.push(t);return i})(d(n))){const n=r?o.get(r)?.get(i)?.[e]:void 0;if(void 0!==n)return n;const s=t?.[i]?.[e];if(void 0!==s)return s}return e}const h={current:(t=globalThis.document?.documentElement??null)=>d(t),use(t){const e=null==t?null:s(t);return e===n.chosen||(n.chosen=e,r()),n.chosen},register(t,e,n){const i=String(t??"").toLowerCase(),a=s(e);if(!i||!a)throw new TypeError("a component and a language are required");o.has(i)||o.set(i,new Map);const l=o.get(i);return null===n?l.delete(a):l.set(a,{...l.get(a)??{},...n}),r(),this},registerAll(t,e={}){for(const[n,i]of Object.entries(e))this.register(n,t,i);return this},known(t){const e=String(t??"").toLowerCase();return[...o.get(e)?.keys()??[]]},components:()=>[...o.keys()],onChange:t=>"function"!=typeof t?()=>{}:(i.add(t),()=>i.delete(t)),forget(){return o.clear(),n.chosen=null,r(),this}};function u(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function f({component:t="",kind:e="attribute",attribute:n="",from:i,to:o=null}={}){if(!i)return;const s=[t,e,n,i].join("|"),r=u(),a=r.get(s);if(a)a.count+=1;else if(r.set(s,{component:t,kind:e,attribute:n,from:i,to:o,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const s=t?`${t}: `:"",r="value"===e?`${n}="${i}"`:`${e} ${i}`;globalThis.console?.warn?.(`[SIMAI Framework] ${s}${r} is a legacy name${o?`; write ${o}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=l,window.SF.pageText=c),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...u().values()].map(t=>({...t}))},t.clear=function(){u().clear()},t.note=f,globalThis.SF.deprecations=t}function p(t,e={}){const n=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&n.setAttribute(t,String(e))}),n}function m(){const t=12,e=p("svg",{class:"sf-loader-svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"}),n=p("circle",{class:"sf-loader-ring-filled",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,opacity:"0.3"}),i=p("circle",{class:"sf-loader-ring-accent",cx:t,cy:t,r:11,fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:"rotate(90 12 12)"});return e.append(n,i),e}const g={en:{label:"Loading…"},ru:{label:"Загрузка…"}},w=".sf-loader-container",S="sfSpinnerBound";function y(t,e){const n=Number.parseFloat(String(t??""));return Number.isFinite(n)?n:e}function b(t,e,n){return Math.min(Math.max(t,e),n)}function v(t,e,n){const i=String(t||"").trim().toLowerCase();return e.includes(i)?i:n}const E=[["width","data-width","width"],["w","data-w","width"],["height","data-height","height"],["h","data-h","height"],["strokeWidth","data-stroke-width","stroke-width"],["dotRadius","data-dot-radius","dot-radius"]];function x({width:t=58,height:e=58,strokeWidth:n=4}={}){const i=b(y(t,58),16,256),o=b(y(e,i),16,256),s=b(y(n,4),1,Math.min(i,o)/2),r=Math.max(1,Math.min(i,o)/2-s/2),a=i/2,l=o/2,d=p("svg",{class:"sf-loader-svg",viewBox:`0 0 ${i} ${o}`,width:i,height:o,"aria-hidden":"true"}),c=p("circle",{class:"sf-loader-ring-filled",cx:a,cy:l,r}),h=p("circle",{class:"sf-loader-ring-accent",cx:a,cy:l,r,pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${a} ${l})`});return d.append(c,h),d}function M({width:t=58,height:e=58,dots:n=16,filled:i=6,dotRadius:o=null,direction:s="clockwise"}={}){const r=b(y(t,58),16,256),a=b(y(e,r),16,256),l=b(Math.floor(y(n,16)),3,32),d=b(Math.floor(y(i,6)),1,l),c=null===o?Math.max(1.5,.06*Math.min(r,a)):b(y(o,1),1,Math.min(r,a)/4),h=Math.max(c,Math.min(r,a)/2-c-1),u=r/2,f=a/2,m=p("svg",{class:"sf-loader-svg",viewBox:`0 0 ${r} ${a}`,width:r,height:a,"aria-hidden":"true",style:`--sf-loader-dot-count:${l}; --sf-loader-dot-filled:${d};`});for(let t=0;t<l;t+=1){const e=2*Math.PI/l*t-Math.PI/2,n=p("circle",{class:"sf-loader-dot"+(t<d?" sf-loader-dot--active":""),cx:u+h*Math.cos(e),cy:f+h*Math.sin(e),r:c,style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${"counterclockwise"===s?t:(l-t)%l};`});m.append(n)}return m}function k(t){const e=t.querySelector(".sf-loader--loading-indicator"),n=t.querySelector(".sf-loader--circles"),i=t.querySelector(".sf-loader--text"),o=Object.prototype.hasOwnProperty.call(t.dataset,"width")||Object.prototype.hasOwnProperty.call(t.dataset,"w"),s=Object.prototype.hasOwnProperty.call(t.dataset,"height")||Object.prototype.hasOwnProperty.call(t.dataset,"h"),r=function(t){const e=t.closest?.("sf-spinner"),n=E.filter(([e])=>{const n=t.dataset[e];return void 0!==n&&""!==n});return n.forEach(([,t,n])=>{f({component:e?"sf-spinner":"spinner",kind:"attribute",from:e?n:t,to:e?"size":null})}),n.length>0}(t),a=b(y(t.dataset.width,y(t.dataset.w,58)),16,256),l=b(y(t.dataset.height,y(t.dataset.h,a)),16,256),d=t.dataset.strokeWidth?b(y(t.dataset.strokeWidth,4),1,Math.min(a,l)/2):null,c=b(Math.floor(y(t.dataset.dots,16)),3,32),h=b(Math.floor(y(t.dataset.filled,6)),1,c),u=t.dataset.dotRadius?b(y(t.dataset.dotRadius,1),1,Math.min(a,l)/4):null,p=v(t.dataset.direction,["clockwise","counterclockwise"],"clockwise");let m=String(t.dataset.variant||"").toLowerCase();return m=v(m,["arc","dots"],n?"dots":"arc"),{pixel:r,width:a,height:l,strokeWidth:d,dots:c,filled:h,dotRadius:u,direction:p,variant:m,hasExplicitWidth:o,hasExplicitHeight:s,infinite:"true"===t.dataset.infinite,announce:"true"===t.dataset.announce,label:void 0!==t.dataset.label?t.dataset.label:i?.textContent?.trim?.()||"",indicator:e,circles:n,labelNode:i}}function N(t,e,n){let i=t.querySelector(e);return i?(i.innerHTML="",i):(i=document.createElement("div"),i.className=n,i.dataset.sfSpinnerPart=n,t.append(i),i)}function F(t){if(!(t instanceof HTMLElement))return t;const e=k(t);t.classList.add("sf-loader-container"),e.infinite?t.classList.add("sf-loader--infinite"):t.classList.remove("sf-loader--infinite"),e.pixel&&e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-width",`${e.width}px`):t.style.removeProperty("--sf-loader-svg-width"),e.pixel&&(e.hasExplicitHeight||e.hasExplicitWidth)?t.style.setProperty("--sf-loader-svg-height",`${e.height}px`):t.style.removeProperty("--sf-loader-svg-height"),null!==e.strokeWidth?t.style.setProperty("--sf-loader-stroke-width",`${e.strokeWidth}px`):t.style.removeProperty("--sf-loader-stroke-width"),t.classList.toggle("sf-loader--pixel-geometry",e.pixel);const n="dots"===e.variant?"sf-loader--circles":"sf-loader--loading-indicator",i=N(t,`.${n}`,n),o=e.label||e.labelNode?N(t,".sf-loader--text","sf-loader--text"):null,s=e.pixel?e:{...e,width:24,height:24,strokeWidth:null},r="dots"===e.variant?M(s):e.pixel?x(e):m();i.append(r);const a="dots"===e.variant?".sf-loader--loading-indicator":".sf-loader--circles";return t.querySelector(a)?.remove(),o&&(o.textContent=e.label||""),function(t,e){const n=Boolean(e.label);if(t.toggleAttribute("aria-hidden",!n),e.announce&&n)return t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),void(t.dataset.sfSpinnerSemantics="status");"status"===t.dataset.sfSpinnerSemantics&&(t.removeAttribute("role"),t.removeAttribute("aria-live"),t.removeAttribute("aria-atomic"),delete t.dataset.sfSpinnerSemantics)}(t,e),t}function L(t){return t instanceof HTMLElement&&"1"!==t.dataset[S]?(F(t),t.dataset[S]="1",t):t}function $(t){t instanceof HTMLElement&&delete t.dataset[S]}function C(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(w)&&L(t),t.querySelectorAll?.(w).forEach(L))}e("Spinner",class extends t{static componentName="Spinner";constructor(t){super(t);const{width:e,height:n,label:i=c(g,"label",t?.root??document.documentElement),variant:o="arc",dots:s=16,filled:r=6,strokeWidth:a=null,dotRadius:l=null,infinite:d=!1,announce:h=!1,direction:u="clockwise"}=this.params||{},f=this.attrs.class||this.attrs.className;this.template=document.createElement("div"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-loader-container"),f&&this.template.classList.add(...`${f}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.template.setAttribute(t,e)}),null!=e&&""!==e&&(this.template.dataset.width=String(e)),null!=n&&""!==n&&(this.template.dataset.height=String(n)),this.template.dataset.label=String(i??""),this.template.dataset.variant=String(o),this.template.dataset.dots=String(s),this.template.dataset.filled=String(r),null!=a&&""!==a&&(this.template.dataset.strokeWidth=String(a)),this.template.dataset.infinite=String(d),this.template.dataset.announce=String(h),this.template.dataset.direction=String(u),null!=l&&(this.template.dataset.dotRadius=String(l))}init(){L(this.template)}destroyInternal(){$(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Spinner=window.SF.Spinner||{},window.SF.Spinner.bind=L,window.SF.Spinner.render=F,window.SF.Spinner.unbind=$,window.SF.Spinner.createArcSvg=function(t={}){return["width","height","strokeWidth"].some(e=>{const n=t?.[e];return null!=n&&""!==n})?x(t):m()},window.SF.Spinner.createDotsSvg=M),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>C(document)):C(document);new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&C(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();
1
+ (()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const n=t.match(/\(([^)]+)\)/g);n&&n.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},n=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),i=n.listeners,o=n.registered,a=t=>String(t??"").trim().toLowerCase().replace("_","-"),s=()=>{for(const t of[...i])try{t()}catch{}};function r(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const n="function"==typeof e.getRootNode?e.getRootNode():null;e=n&&n!==e&&n.host?n.host:null}return null}function l(t){if(n.chosen)return n.chosen.split("-")[0];const e=r(t),i=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return a(i).split("-")[0]||"en"}function d(t){if(n.chosen)return n.chosen;const e=r(t);return a(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(t,e,n,i){const s=i??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(n);for(const i of(t=>{const e=a(t),n=e.split("-")[0],i=[];for(const t of[e,n,"en"])t&&!i.includes(t)&&i.push(t);return i})(d(n))){const n=s?o.get(s)?.get(i)?.[e]:void 0;if(void 0!==n)return n;const a=t?.[i]?.[e];if(void 0!==a)return a}return e}const h={current:(t=globalThis.document?.documentElement??null)=>d(t),use(t){const e=null==t?null:a(t);return e===n.chosen||(n.chosen=e,s()),n.chosen},register(t,e,n){const i=String(t??"").toLowerCase(),r=a(e);if(!i||!r)throw new TypeError("a component and a language are required");o.has(i)||o.set(i,new Map);const l=o.get(i);return null===n?l.delete(r):l.set(r,{...l.get(r)??{},...n}),s(),this},registerAll(t,e={}){for(const[n,i]of Object.entries(e))this.register(n,t,i);return this},known(t){const e=String(t??"").toLowerCase();return[...o.get(e)?.keys()??[]]},components:()=>[...o.keys()],onChange:t=>"function"!=typeof t?()=>{}:(i.add(t),()=>i.delete(t)),forget(){return o.clear(),n.chosen=null,s(),this}};function u(){const t=globalThis.SF=globalThis.SF||{};return t.__deprecationNotes instanceof Map||Object.defineProperty(t,"__deprecationNotes",{value:new Map,configurable:!0}),t.__deprecationNotes}function f({component:t="",kind:e="attribute",attribute:n="",from:i,to:o=null}={}){if(!i)return;const a=[t,e,n,i].join("|"),s=u(),r=s.get(a);if(r)r.count+=1;else if(s.set(a,{component:t,kind:e,attribute:n,from:i,to:o,count:1}),function(){const t=globalThis.document?.documentElement;return"warn"===t?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const a=t?`${t}: `:"",s="value"===e?`${n}="${i}"`:`${e} ${i}`;globalThis.console?.warn?.(`[SIMAI Framework] ${a}${s} is a legacy name${o?`; write ${o}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=l,window.SF.pageText=c),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const t=globalThis.SF.deprecations||{};t.list=function(){return[...u().values()].map(t=>({...t}))},t.clear=function(){u().clear()},t.note=f,globalThis.SF.deprecations=t}const p=["arc","breathing","comet","dots"];function m(t,e={}){const n=document.createElementNS("http://www.w3.org/2000/svg",t);return Object.entries(e).forEach(([t,e])=>{null!=e&&""!==e&&n.setAttribute(t,String(e))}),n}const g=t=>Math.round(1e3*t)/1e3;function w({width:t=24,height:e=24,stroke:n=2,dots:i=8,filled:o=3,dotRadius:a=null,direction:s="clockwise",pixel:r=!1}={}){const l=t/2,d=e/2,c=Math.min(t,e)/2,h=Math.max(1,c-n/2),u=m("svg",{class:"sf-loader-svg",viewBox:`0 0 ${t} ${e}`,width:r?t:null,height:r?e:null,"aria-hidden":"true",focusable:"false"}),f={cx:l,cy:d,r:g(h),fill:"none",stroke:"currentColor","stroke-width":n},p=m("circle",{class:"sf-loader-ring-filled",...f,opacity:"0.3"}),w=m("circle",{class:"sf-loader-ring-accent",...f,"stroke-linecap":"round",pathLength:100,"stroke-dasharray":"0 100",transform:`rotate(90 ${l} ${d})`}),y=m("g",{class:"sf-loader-comet",display:"none",transform:`rotate(-90 ${l} ${d})`});for(let t=0;t<10;t+=1){const e=9===t;y.append(m("circle",{class:"sf-loader-comet-segment"+(e?" sf-loader-comet-head":""),...f,"stroke-linecap":e?"round":"butt",pathLength:100,"stroke-dasharray":`${g(4)} ${g(96)}`,"stroke-dashoffset":g(-4*t),opacity:g(((t+1)/10)**1.6)}))}const S=Math.max(3,Math.min(32,Math.floor(Number(i)||8))),b=Math.max(1,Math.min(S,Math.floor(Number(o)||3))),v=Math.min(n,.7*Math.PI*(c-n)/S),M=null==a||""===a?v:Math.max(1,Math.min(Number(a)||v,c/4)),E=Math.max(M,c-M),k=m("g",{class:"sf-loader-dots",display:"none",style:`--sf-loader-dot-count:${S}; --sf-loader-dot-filled:${b};`});for(let t=0;t<S;t+=1){const e=2*Math.PI/S*t-Math.PI/2,n="counterclockwise"===s?t:(S-t)%S;k.append(m("circle",{class:"sf-loader-dot"+(t<b?" sf-loader-dot--active":""),cx:g(l+E*Math.cos(e)),cy:g(d+E*Math.sin(e)),r:g(M),fill:"currentColor",style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${n};`}))}return u.append(p,w,y,k),u}function y(t={}){return w({...t,width:24,height:24,stroke:2,dotRadius:null,pixel:!1})}const S={en:{label:"Loading…"},ru:{label:"Загрузка…"}},b=".sf-loader-container",v="sfSpinnerBound";function M(t,e){const n=Number.parseFloat(String(t??""));return Number.isFinite(n)?n:e}function E(t,e,n){return Math.min(Math.max(t,e),n)}function k(t,e,n){const i=String(t||"").trim().toLowerCase();return e.includes(i)?i:n}const x=[["width","data-width","width"],["w","data-w","width"],["height","data-height","height"],["h","data-h","height"],["strokeWidth","data-stroke-width","stroke-width"],["dotRadius","data-dot-radius","dot-radius"]];function N({width:t=58,height:e=58,strokeWidth:n=4,dots:i=8,filled:o=3,dotRadius:a=null,direction:s="clockwise"}={}){const r=E(M(t,58),16,256),l=E(M(e,r),16,256);return w({width:r,height:l,stroke:E(M(n,4),1,Math.min(r,l)/2),dots:i,filled:o,dotRadius:a,direction:s,pixel:!0})}function $(t){const e=t.querySelector(".sf-loader--loading-indicator"),n=t.querySelector(".sf-loader--circles"),i=t.querySelector(".sf-loader--text"),o=Object.prototype.hasOwnProperty.call(t.dataset,"width")||Object.prototype.hasOwnProperty.call(t.dataset,"w"),a=Object.prototype.hasOwnProperty.call(t.dataset,"height")||Object.prototype.hasOwnProperty.call(t.dataset,"h"),s=function(t){const e=t.closest?.("sf-spinner"),n=x.filter(([e])=>{const n=t.dataset[e];return void 0!==n&&""!==n});return n.forEach(([,t,n])=>{f({component:e?"sf-spinner":"spinner",kind:"attribute",from:e?n:t,to:e?"size":null})}),n.length>0}(t),r=E(M(t.dataset.width,M(t.dataset.w,58)),16,256),l=E(M(t.dataset.height,M(t.dataset.h,r)),16,256),d=t.dataset.strokeWidth?E(M(t.dataset.strokeWidth,4),1,Math.min(r,l)/2):null,c=E(Math.floor(M(t.dataset.dots,8)),3,32);return{pixel:s,width:r,height:l,strokeWidth:d,dots:c,filled:E(Math.floor(M(t.dataset.filled,3)),1,c),dotRadius:t.dataset.dotRadius?E(M(t.dataset.dotRadius,1),1,Math.min(r,l)/4):null,direction:k(t.dataset.direction,["clockwise","counterclockwise"],"clockwise"),variant:t.dataset.variant?k(t.dataset.variant,p,"arc"):n?"dots":"",hasExplicitWidth:o,hasExplicitHeight:a,infinite:"true"===t.dataset.infinite,announce:"true"===t.dataset.announce,label:void 0!==t.dataset.label?t.dataset.label:i?.textContent?.trim?.()||"",indicator:e,circles:n,labelNode:i}}function F(t,e,n){let i=t.querySelector(e);return i?(i.innerHTML="",i):(i=document.createElement("div"),i.className=n,i.dataset.sfSpinnerPart=n,t.append(i),i)}function L(t){if(!(t instanceof HTMLElement))return t;const e=$(t);t.classList.add("sf-loader-container"),e.infinite?t.classList.add("sf-loader--infinite"):t.classList.remove("sf-loader--infinite"),e.pixel&&e.hasExplicitWidth?t.style.setProperty("--sf-loader-svg-width",`${e.width}px`):t.style.removeProperty("--sf-loader-svg-width"),e.pixel&&(e.hasExplicitHeight||e.hasExplicitWidth)?t.style.setProperty("--sf-loader-svg-height",`${e.height}px`):t.style.removeProperty("--sf-loader-svg-height"),null!==e.strokeWidth?t.style.setProperty("--sf-loader-stroke-width",`${e.strokeWidth}px`):t.style.removeProperty("--sf-loader-stroke-width"),t.classList.toggle("sf-loader--pixel-geometry",e.pixel),e.variant&&t.dataset.variant!==e.variant&&(t.dataset.variant=e.variant);const n=t.querySelector(".sf-loader--circles");if(n&&!t.querySelector(".sf-loader--loading-indicator")){const t=document.createElement("div");t.className="sf-loader--loading-indicator",t.dataset.sfSpinnerPart="sf-loader--loading-indicator",n.replaceWith(t)}const i=F(t,".sf-loader--loading-indicator","sf-loader--loading-indicator"),o=e.label||e.labelNode?F(t,".sf-loader--text","sf-loader--text"):null,a=e.pixel?N({...e,strokeWidth:e.strokeWidth??4}):y(e);return i.append(a),o&&(o.textContent=e.label||""),function(t,e){const n=Boolean(e.label);if(t.toggleAttribute("aria-hidden",!n),e.announce&&n)return t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),void(t.dataset.sfSpinnerSemantics="status");"status"===t.dataset.sfSpinnerSemantics&&(t.removeAttribute("role"),t.removeAttribute("aria-live"),t.removeAttribute("aria-atomic"),delete t.dataset.sfSpinnerSemantics)}(t,e),t}function P(t){return t instanceof HTMLElement&&"1"!==t.dataset[v]?(L(t),t.dataset[v]="1",t):t}function T(t){t instanceof HTMLElement&&delete t.dataset[v]}function C(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(b)&&P(t),t.querySelectorAll?.(b).forEach(P))}e("Spinner",class extends t{static componentName="Spinner";constructor(t){super(t);const{width:e,height:n,label:i=c(S,"label",t?.root??document.documentElement),variant:o,dots:a=8,filled:s=3,strokeWidth:r=null,dotRadius:l=null,infinite:d=!1,announce:h=!1,direction:u="clockwise"}=this.params||{},f=this.attrs.class||this.attrs.className;this.template=document.createElement("div"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-loader-container"),f&&this.template.classList.add(...`${f}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,e])=>{null!=e&&this.template.setAttribute(t,e)}),null!=e&&""!==e&&(this.template.dataset.width=String(e)),null!=n&&""!==n&&(this.template.dataset.height=String(n)),this.template.dataset.label=String(i??""),null!=o&&""!==o&&(this.template.dataset.variant=String(o)),this.template.dataset.dots=String(a),this.template.dataset.filled=String(s),null!=r&&""!==r&&(this.template.dataset.strokeWidth=String(r)),this.template.dataset.infinite=String(d),this.template.dataset.announce=String(h),this.template.dataset.direction=String(u),null!=l&&(this.template.dataset.dotRadius=String(l))}init(){P(this.template)}destroyInternal(){T(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Spinner=window.SF.Spinner||{},window.SF.Spinner.bind=P,window.SF.Spinner.render=L,window.SF.Spinner.unbind=T,window.SF.Spinner.createArcSvg=function(t={}){return["width","height","strokeWidth"].some(e=>{const n=t?.[e];return null!=n&&""!==n})?N(t):y(t)},window.SF.Spinner.createDotsSvg=function({width:t=58,height:e=58,dots:n=16,filled:i=6,dotRadius:o=null,direction:a="clockwise"}={}){const s=E(M(t,58),16,256),r=E(M(e,s),16,256),l=E(Math.floor(M(n,16)),3,32),d=E(Math.floor(M(i,6)),1,l),c=null===o?Math.max(1.5,.06*Math.min(s,r)):E(M(o,1),1,Math.min(s,r)/4),h=Math.max(c,Math.min(s,r)/2-c-1),u=s/2,f=r/2,p=m("svg",{class:"sf-loader-svg",viewBox:`0 0 ${s} ${r}`,width:s,height:r,"aria-hidden":"true",style:`--sf-loader-dot-count:${l}; --sf-loader-dot-filled:${d};`});for(let t=0;t<l;t+=1){const e=2*Math.PI/l*t-Math.PI/2,n=m("circle",{class:"sf-loader-dot"+(t<d?" sf-loader-dot--active":""),cx:u+h*Math.cos(e),cy:f+h*Math.sin(e),r:c,style:`--sf-loader-dot-index:${t}; --sf-loader-dot-step:${"counterclockwise"===a?t:(l-t)%l};`});p.append(n)}return p}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>C(document)):C(document);new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&C(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();
package/distr/core/js/core-loader.js CHANGED
@@ -6905,7 +6905,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"version":1,"aliases":{"column-gap/de
6905
6905
  /***/ "e7acc025fab1"
6906
6906
  (module) {
6907
6907
 
6908
- module.exports = /*#__PURE__*/JSON.parse('{"cl-alert":["display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default"],"cl-avatar":["align-items/default","background-color/default","display/default","element-position/default","flex-direction/default","flex/default","height/default","justify-content/default","overflow/default","place-items/default","position/default","text-overflow/default","transition-property/default","white-space/default","width/default"],"cl-avatars":["align-items/default","display/default","flex-direction/default","position/default"],"cl-badges":["display/default","flex-direction/default","flex-wrap/default","justify-content/default","place-items/default","position/default","sr-only/default"],"cl-breadcrumbs":["align-items/default","container/default","display/default","position/default","visibility/default"],"cl-button-group":["align-items/default","display/default","isolate/default","pointer-events/default","position/default","text-align/default"],"cl-buttons":["align-items/default","display/default","flex/default","pointer-events/default","position/default"],"cl-checkbox":["cursor/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-close":["display/default","justify-content/default","place-items/default","position/default"],"cl-color":["display/default","position/default"],"cl-context-menu":["display/default","flex-direction/default","flex/default","position/default","text-decoration/default"],"cl-copy-button":["display/default","position/default"],"cl-country-code":["display/default","flex-direction/default","place-items/default","position/default","transition-property/default"],"cl-datepicker":["align-content/default","align-items/default","display/default","element-position/default","flex-direction/default","font-transform/default","gap/default","grid-template-columns/default","isolate/default","justify-content/default","overflow/default","position/default","resize/default"],"cl-download-file":["cursor/default","display/default","position/default","transition-property/default"],"cl-drawer":["display/default","justify-content/default","margin/default","place-items/default","position/default"],"cl-dropdown":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default","resize/default","transition-property/default","visibility/default"],"cl-empty-state":["display/default","isolate/default","position/default"],"cl-file-preview":["isolate/default","position/default"],"cl-file-upload":["align-items/default","align-self/default","cursor/default","display/default","flex-direction/default","flex/default","gap/default","grid-template-columns/default","justify-content/default","justify-items/default","position/default","width/default"],"cl-gallery":["align-items/default","background-color/default","border-radius/default","border-width/default","box-shadow/default","display/default","filter-blur/default","flex-direction/default","gap/default","height/default","justify-content/default","margin/default","max-width/default","min-height/default","min-width/default","padding/default","position/default","text-color/default","width/default"],"cl-help-mark":["display/default","isolate/default","position/default"],"cl-icon-buttons":["align-items/default","display/default","pointer-events/default","position/default"],"cl-icons":["font-weight/default","position/default"],"cl-inputs":["align-items/default","display/default","flex-direction/default","position/default","text-align/default","transition-property/default"],"cl-list-item":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","gap/default","justify-content/default","place-items/default","position/default"],"cl-modal":["align-items/default","backdrop-filter-blur/default","border-color/default","border-radius/default","border-width/default","display/default","element-position/default","filter-blur/default","flex-direction/default","flex-wrap/default","font-size/default","gap/default","height/default","justify-content/default","margin/default","min-width/default","overflow/default","padding/default","place-items/default","position/default","text-color/default","title/default","width-ext/default","width/default","z-index/default"],"cl-page-header":["align-items/default","display/default","flex-direction/default","flex-grow/default","flex-wrap/default","gap/default","margin/default","min-width/default","position/default","text-overflow/default"],"cl-pagination":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default"],"cl-popover":["display/default","position/default"],"cl-profile-picker":["display/default","position/default"],"cl-progress-bar":["align-items/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-progress-scale":["align-items/default","display/default","flex-direction/default","grid-template-columns/default","overflow/default","position/default"],"cl-radio":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-range-slider":["flex/default","isolate/default","position/default"],"cl-reference-link":["align-items/default","display/default","position/default"],"cl-resizer":["display/default","position/default","resize/default","text-max-width/default"],"cl-skeleton":["animation/default","display/default","flex/default","position/default"],"cl-slider":["background-color/default","border-radius/default","display/default","padding/default","position/default","text-color/default"],"cl-spinner":["animation/default","position/default","stroke-color/default"],"cl-steps":["cursor/default","display/default","flex-direction/default","justify-content/default","place-items/default","position/default"],"cl-switch":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-tabs":["container/default","display/default","flex-direction/default","position/default","resize/default","visibility/default"],"cl-tags":["background-size/default","display/default","flex-direction/default","flex-wrap/default","justify-content/default","min-width/default","place-items/default","position/default"],"cl-textarea":["display/default","flex-direction/default","position/default","transition-property/default"],"cl-theme-generator":["position/default"],"cl-toast":["align-items/default","display/default","flex-direction/default","flex/default","justify-content/default","place-items/default","position/default"],"cl-toggle":["display/default","justify-content/default","place-items/default","position/default","transition-property/default"],"cl-tooltip":["display/default","flex-direction/default","position/default"],"cl-tree":["display/default","flex-direction/default","position/default","visibility/default"],"cl-tree-item":["align-items/default","container/default","display/default","flex-direction/default","position/default"]}');
6908
+ module.exports = /*#__PURE__*/JSON.parse('{"cl-alert":["display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default"],"cl-avatar":["align-items/default","background-color/default","display/default","element-position/default","flex-direction/default","flex/default","height/default","justify-content/default","overflow/default","place-items/default","position/default","text-overflow/default","transition-property/default","white-space/default","width/default"],"cl-avatars":["align-items/default","display/default","flex-direction/default","position/default"],"cl-badges":["display/default","flex-direction/default","flex-wrap/default","justify-content/default","place-items/default","position/default","sr-only/default"],"cl-breadcrumbs":["align-items/default","container/default","display/default","position/default","visibility/default"],"cl-button-group":["align-items/default","display/default","isolate/default","pointer-events/default","position/default","text-align/default"],"cl-buttons":["align-items/default","display/default","flex/default","pointer-events/default","position/default"],"cl-checkbox":["cursor/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-close":["display/default","justify-content/default","place-items/default","position/default"],"cl-color":["display/default","position/default"],"cl-context-menu":["display/default","flex-direction/default","flex/default","position/default","text-decoration/default"],"cl-copy-button":["display/default","position/default"],"cl-country-code":["display/default","flex-direction/default","place-items/default","position/default","transition-property/default"],"cl-datepicker":["align-content/default","align-items/default","display/default","element-position/default","flex-direction/default","font-transform/default","gap/default","grid-template-columns/default","isolate/default","justify-content/default","overflow/default","position/default","resize/default"],"cl-download-file":["cursor/default","display/default","position/default","transition-property/default"],"cl-drawer":["display/default","justify-content/default","margin/default","place-items/default","position/default"],"cl-dropdown":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default","resize/default","transition-property/default","visibility/default"],"cl-empty-state":["display/default","isolate/default","position/default"],"cl-file-preview":["isolate/default","position/default"],"cl-file-upload":["align-items/default","align-self/default","cursor/default","display/default","flex-direction/default","flex/default","gap/default","grid-template-columns/default","justify-content/default","justify-items/default","position/default","width/default"],"cl-gallery":["align-items/default","background-color/default","border-radius/default","border-width/default","box-shadow/default","display/default","filter-blur/default","flex-direction/default","gap/default","height/default","justify-content/default","margin/default","max-width/default","min-height/default","min-width/default","padding/default","position/default","text-color/default","width/default"],"cl-help-mark":["display/default","isolate/default","position/default"],"cl-icon-buttons":["align-items/default","display/default","pointer-events/default","position/default"],"cl-icons":["font-weight/default","position/default"],"cl-inputs":["align-items/default","display/default","flex-direction/default","position/default","text-align/default","transition-property/default"],"cl-list-item":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","gap/default","justify-content/default","place-items/default","position/default"],"cl-modal":["align-items/default","backdrop-filter-blur/default","border-radius/default","border-width/default","display/default","element-position/default","filter-blur/default","flex-direction/default","flex-wrap/default","font-size/default","gap/default","height/default","justify-content/default","margin/default","min-width/default","overflow/default","padding/default","place-items/default","position/default","text-color/default","title/default","width/default","z-index/default"],"cl-page-header":["align-items/default","display/default","flex-direction/default","flex-grow/default","flex-wrap/default","gap/default","margin/default","min-width/default","position/default","text-overflow/default"],"cl-pagination":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default"],"cl-popover":["display/default","position/default"],"cl-profile-picker":["display/default","position/default"],"cl-progress-bar":["align-items/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-progress-scale":["align-items/default","display/default","flex-direction/default","grid-template-columns/default","overflow/default","position/default"],"cl-radio":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-range-slider":["flex/default","isolate/default","position/default"],"cl-reference-link":["align-items/default","display/default","position/default"],"cl-resizer":["display/default","position/default","resize/default","text-max-width/default"],"cl-skeleton":["animation/default","display/default","flex/default","position/default"],"cl-slider":["background-color/default","border-radius/default","display/default","padding/default","position/default","text-color/default"],"cl-spinner":["animation/default","position/default","stroke-color/default"],"cl-steps":["cursor/default","display/default","flex-direction/default","justify-content/default","place-items/default","position/default"],"cl-switch":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-tabs":["container/default","display/default","flex-direction/default","position/default","resize/default","visibility/default"],"cl-tags":["background-size/default","display/default","flex-direction/default","flex-wrap/default","justify-content/default","min-width/default","place-items/default","position/default"],"cl-textarea":["display/default","flex-direction/default","position/default","transition-property/default"],"cl-theme-generator":["position/default"],"cl-toast":["align-items/default","display/default","flex-direction/default","flex/default","justify-content/default","place-items/default","position/default"],"cl-toggle":["display/default","justify-content/default","place-items/default","position/default","transition-property/default"],"cl-tooltip":["display/default","flex-direction/default","position/default"],"cl-tree":["display/default","flex-direction/default","position/default","visibility/default"],"cl-tree-item":["align-items/default","container/default","display/default","flex-direction/default","position/default"]}');
6909
6909
 
6910
6910
  /***/ }
6911
6911