@simai-studio/ui 5.20261020.1738 → 5.20261020.2238

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 (45) hide show
  1. package/README.md +4 -4
  2. package/distr/component/admin-menu/css/admin-menu.min.css +1 -1
  3. package/distr/component/badges/css/badges.min.css +1 -1
  4. package/distr/component/badges/js/badges.min.js +1 -1
  5. package/distr/component/buttons/js/buttons.min.js +1 -1
  6. package/distr/component/context-menu/css/context-menu.min.css +1 -1
  7. package/distr/component/dropdown/css/dropdown.min.css +1 -1
  8. package/distr/component/icon-buttons/css/icon-buttons.min.css +1 -1
  9. package/distr/component/icon-buttons/js/icon-buttons.min.js +1 -1
  10. package/distr/component/menu/css/menu.min.css +1 -1
  11. package/distr/component/modal/css/modal.min.css +1 -1
  12. package/distr/component/modal/js/modal.min.js +1 -1
  13. package/distr/component/spinner/css/spinner.min.css +1 -1
  14. package/distr/component/spinner/js/spinner.min.js +1 -1
  15. package/distr/component/toast/css/toast.min.css +1 -1
  16. package/distr/core/contracts/public-js-api.json +12 -0
  17. package/distr/core/contracts/public-variables.v1.json +7 -0
  18. package/distr/core/contracts/public-variables.v1.schema.json +2 -1
  19. package/distr/core/js/core-rules.js +13 -0
  20. package/distr/core/js/core-rules.min.js +1 -1
  21. package/distr/rule/js/rule.min.js +1 -1
  22. package/distr/rule/rule.json +10 -0
  23. package/distr/smart/avatar/js/avatar.min.js +11 -7
  24. package/distr/smart/avatar/smart.manifest.json +24 -2
  25. package/distr/smart/avatar/template/shared.js +3 -2
  26. package/distr/smart/avatars/js/avatars.min.js +4 -4
  27. package/distr/smart/button-group/js/button-group.min.js +1 -1
  28. package/distr/smart/buttons/js/buttons.min.js +1 -1
  29. package/distr/smart/context-menu/smart.manifest.json +1 -1
  30. package/distr/smart/drawer/css/drawer.min.css +1 -1
  31. package/distr/smart/drawer/smart.manifest.json +1 -1
  32. package/distr/smart/icon-buttons/js/icon-buttons.min.js +15 -11
  33. package/distr/smart/icon-buttons/smart.manifest.json +23 -2
  34. package/distr/smart/icon-buttons/template/default.js +4 -2
  35. package/distr/smart/icons/js/icons.min.js +17 -7
  36. package/distr/smart/icons/smart.manifest.json +26 -5
  37. package/distr/smart/icons/template/default.js +17 -0
  38. package/distr/smart/modal/js/modal.min.js +1 -1
  39. package/distr/smart/popover/css/popover.min.css +1 -1
  40. package/distr/smart/popover/smart.manifest.json +1 -1
  41. package/distr/smart/popover/template/default.css +1 -0
  42. package/distr/smart/spinner/js/spinner.min.js +1 -1
  43. package/distr/smart/spinner/smart.manifest.json +1 -1
  44. package/package-manifest.json +45 -45
  45. package/package.json +4 -4
package/distr/component/menu/css/menu.min.css CHANGED
@@ -1 +1 @@
1
- @layer sf.components{.sf-menu{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item:not(.open)>.sf-menu{display:none}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-menu-element{text-align:left}}.sf-menu-element:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-menu-element{text-align:right}}.sf-menu-element:where(:dir(rtl)){text-align:right}.sf-menu-element{--sf-menu-element--background-color: var(--sf-transparent);--sf-menu-element--border-color: var(--sf-surface-container);--sf-menu-element--border-width: var(--sf-px);--sf-menu-element--color: var(--sf-on-surface);--sf-menu-element--gap: var(--sf-space-1\/3);--sf-menu-element--radius: var(--sf-radius--ui);display:flex;box-sizing:border-box;align-items:center;gap:var(--sf-menu-element--gap);min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);width:100%;width:100%;inline-size:100%;max-width:100%;max-width:100%;max-inline-size:100%;margin:var(--sf-0);padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-before:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-start:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-before:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-start:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-after:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-end:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-after:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-end:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));padding-inline-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));border-color:var(--sf-menu-element--border-color);border-style:solid;border-style:var(--sf-menu-element--border-style, solid);border-top-width:var(--sf-menu-element--border-width);border-block-start-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-block-start-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-bottom-width:var(--sf-menu-element--border-width);border-block-end-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-block-end-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-inline-start-width:var(--sf-menu-element--border-width);border-inline-start-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width));border-inline-end-width:var(--sf-menu-element--border-width);border-inline-end-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width));border-start-start-radius:var(--sf-menu-element--radius);border-start-start-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius));border-start-end-radius:var(--sf-menu-element--radius);border-start-end-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius));border-end-start-radius:var(--sf-menu-element--radius);border-end-start-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius));border-end-end-radius:var(--sf-menu-element--radius);border-end-end-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius));color:var(--sf-menu-element--color);background-color:var(--sf-menu-element--background-color);font-family:var(--sf-text--family);font-family:var(--sf-menu-element--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-menu-element--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-menu-element--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-text-height-1);line-height:var(--sf-menu-element--line-height, var(--sf-text-height-1));text-align:start;text-decoration:none}button.sf-menu-element,a.sf-menu-element,.sf-menu-element[role=button]{cursor:pointer}button.sf-menu-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-menu-element .sf-menu-element-wrap{display:flex;flex:1 1 auto;align-items:center;gap:var(--sf-space-1\/3);gap:var(--sf-menu-element-wrap--gap, var(--sf-space-1\/3));min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);color:inherit;font:inherit}.sf-menu-element-text{min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);word-wrap:anywhere}.sf-menu-element-icon,.sf-menu-element>.sf-icon-button{flex:none}.sf-menu-element.disabled,.sf-menu-element:disabled,.sf-menu-element[aria-disabled=true]{--sf-menu-element--background-color: var(--sf-disable);--sf-menu-element--border-color: var(--sf-outline-disable);--sf-menu-element--color: var(--sf-on-disable);cursor:default}.sf-menu-element.disabled .sf-icon,.sf-menu-element:disabled .sf-icon,.sf-menu-element[aria-disabled=true] .sf-icon{--sf-icon--color: currentColor}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):hover{--sf-menu-element--background-color: var(--sf-surface-container-hover);--sf-menu-element--border-color: var(--sf-surface-container-hover)}.sf-menu-element.open,.sf-menu-element[aria-expanded=true]{--sf-menu-element--background-color: var(--sf-surface-container-active);--sf-menu-element--border-color: var(--sf-surface-container-active)}.sf-menu-element[aria-expanded=false]:dir(rtl)>.sf-icon-button .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-menu-element:focus{outline:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-4)}.sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-5)}@media(forced-colors: active){.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}}@layer sf.components{.sf-menu{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:transparent;background-color:var(--sf-menu--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-menu--gap, var(--sf-space-1\/3))}.sf-menu .sf-menu-item{--sf-menu-item--background-color: transparent;--sf-menu-item--gap: var(--sf-space-1\/3);display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:var(--sf-menu-item--background-color);gap:var(--sf-menu-item--gap)}.sf-menu.sf-menu--horizontal{flex-direction:row;align-items:center;flex-wrap:nowrap}.sf-menu.sf-menu--horizontal>.sf-menu-item{position:relative;flex:0 0 auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu-element{width:auto;inline-size:auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item{position:relative}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu,.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{position:absolute;z-index:3;z-index:var(--sf-menu-horizontal-submenu--z-index, 3);width:-webkit-max-content;width:-moz-max-content;width:max-content;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;min-width:100%;min-inline-size:100%;max-width:calc(100vw - var(--sf-space-2));max-inline-size:calc(100vw - var(--sf-space-2));padding:var(--sf-space-1\/3);padding:var(--sf-menu-horizontal-submenu--padding, var(--sf-space-1\/3));border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-menu-horizontal-submenu--border-color, var(--sf-outline-variant));border-radius:var(--sf-radius--ui);border-radius:var(--sf-menu-horizontal-submenu--radius, var(--sf-radius--ui));background:var(--sf-elevation-2--surface);background:var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));--sf-on-surface-variant: var(--sf-on-elevation-2--variant);box-shadow:var(--sf-elevation-2--shadow);box-shadow:var(--sf-menu-horizontal-submenu--box-shadow, var(--sf-elevation-2--shadow))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(rtl)){right:0}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{top:100%;inset-block-start:100%;inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(ltr)){left:100%}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(rtl)){right:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{top:0;inset-block-start:0;inset-inline-start:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-element{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree,.sf-menu.sf-menu--documentation-tree .sf-menu{--sf-menu--gap: var(--sf-space-1\/4);list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element{--sf-menu-element--border-width: var(--sf-0);--sf-menu-element--padding-top: var(--sf-0);--sf-menu-element--padding-bottom: var(--sf-0);--sf-menu-element--padding-right: var(--sf-0);min-width:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap{min-width:var(--sf-0);padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);word-wrap:anywhere}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-2)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu.sf-menu--documentation-tree [aria-current=page]{background:var(--sf-surface-container-active);color:var(--sf-on-surface);font-weight:var(--sf-font-weight-medium)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}}
1
+ @layer sf.components{.sf-menu{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item:not(.open)>.sf-menu{display:none}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-menu-element{text-align:left}}.sf-menu-element:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-menu-element{text-align:right}}.sf-menu-element:where(:dir(rtl)){text-align:right}.sf-menu-element{--sf-menu-element--background-color: var(--sf-transparent);--sf-menu-element--border-color: var(--sf-surface-container);--sf-menu-element--border-width: var(--sf-px);--sf-menu-element--color: var(--sf-on-surface);--sf-menu-element--gap: var(--sf-space-1\/3);--sf-menu-element--radius: var(--sf-radius--ui);display:flex;box-sizing:border-box;align-items:center;gap:var(--sf-menu-element--gap);min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);width:100%;width:100%;inline-size:100%;max-width:100%;max-width:100%;max-inline-size:100%;margin:var(--sf-0);padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-before:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-start:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-before:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-start:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-after:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-end:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-after:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-end:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));padding-inline-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));border-color:var(--sf-menu-element--border-color);border-style:solid;border-style:var(--sf-menu-element--border-style, solid);border-top-width:var(--sf-menu-element--border-width);border-block-start-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-block-start-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-bottom-width:var(--sf-menu-element--border-width);border-block-end-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-block-end-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-inline-start-width:var(--sf-menu-element--border-width);border-inline-start-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width));border-inline-end-width:var(--sf-menu-element--border-width);border-inline-end-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width));border-start-start-radius:var(--sf-menu-element--radius);border-start-start-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius));border-start-end-radius:var(--sf-menu-element--radius);border-start-end-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius));border-end-start-radius:var(--sf-menu-element--radius);border-end-start-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius));border-end-end-radius:var(--sf-menu-element--radius);border-end-end-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius));color:var(--sf-menu-element--color);background-color:var(--sf-menu-element--background-color);font-family:var(--sf-text--family);font-family:var(--sf-menu-element--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-menu-element--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-menu-element--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-text-height-1);line-height:var(--sf-menu-element--line-height, var(--sf-text-height-1));text-align:start;text-decoration:none}button.sf-menu-element,a.sf-menu-element,.sf-menu-element[role=button]{cursor:pointer}button.sf-menu-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-menu-element .sf-menu-element-wrap{display:flex;flex:1 1 auto;align-items:center;gap:var(--sf-space-1\/3);gap:var(--sf-menu-element-wrap--gap, var(--sf-space-1\/3));min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);color:inherit;font:inherit}.sf-menu-element-text{min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);word-wrap:anywhere}.sf-menu-element-icon,.sf-menu-element>.sf-icon-button{flex:none}.sf-menu-element.disabled,.sf-menu-element:disabled,.sf-menu-element[aria-disabled=true]{--sf-menu-element--background-color: var(--sf-disable);--sf-menu-element--border-color: var(--sf-outline-disable);--sf-menu-element--color: var(--sf-on-disable);cursor:default}.sf-menu-element.disabled .sf-icon,.sf-menu-element:disabled .sf-icon,.sf-menu-element[aria-disabled=true] .sf-icon{--sf-icon--color: currentColor}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):hover{--sf-menu-element--background-color: var(--sf-surface-container-hover);--sf-menu-element--border-color: var(--sf-surface-container-hover)}.sf-menu-element.open,.sf-menu-element[aria-expanded=true]{--sf-menu-element--background-color: var(--sf-surface-container-active);--sf-menu-element--border-color: var(--sf-surface-container-active)}.sf-menu-element[aria-expanded=false]:dir(rtl)>.sf-icon-button .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-menu-element:focus{outline:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-4)}.sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-5)}@media(forced-colors: active){.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}}@layer sf.components{.sf-menu{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:transparent;background-color:var(--sf-menu--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-menu--gap, var(--sf-space-1\/3))}.sf-menu .sf-menu-item{--sf-menu-item--background-color: transparent;--sf-menu-item--gap: var(--sf-space-1\/3);display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:var(--sf-menu-item--background-color);gap:var(--sf-menu-item--gap)}.sf-menu.sf-menu--horizontal{flex-direction:row;align-items:center;flex-wrap:nowrap}.sf-menu.sf-menu--horizontal>.sf-menu-item{position:relative;flex:0 0 auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu-element{width:auto;inline-size:auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item{position:relative}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu,.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{position:absolute;z-index:3;z-index:var(--sf-menu-horizontal-submenu--z-index, 3);width:-webkit-max-content;width:-moz-max-content;width:max-content;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;min-width:100%;min-inline-size:100%;max-width:calc(100vw - var(--sf-space-2));max-inline-size:calc(100vw - var(--sf-space-2));padding:var(--sf-space-1\/3);padding:var(--sf-menu-horizontal-submenu--padding, var(--sf-space-1\/3));border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-menu-horizontal-submenu--border-color, var(--sf-outline-variant));border-radius:var(--sf-radius--ui);border-radius:var(--sf-menu-horizontal-submenu--radius, var(--sf-radius--ui));background:var(--sf-elevation-2--surface);background:var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));--sf-on-surface-variant: var(--sf-on-elevation-2--variant);--sf-badge--surface: var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));box-shadow:var(--sf-elevation-2--shadow);box-shadow:var(--sf-menu-horizontal-submenu--box-shadow, var(--sf-elevation-2--shadow))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(rtl)){right:0}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{top:100%;inset-block-start:100%;inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(ltr)){left:100%}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(rtl)){right:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{top:0;inset-block-start:0;inset-inline-start:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-element{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree,.sf-menu.sf-menu--documentation-tree .sf-menu{--sf-menu--gap: var(--sf-space-1\/4);list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element{--sf-menu-element--border-width: var(--sf-0);--sf-menu-element--padding-top: var(--sf-0);--sf-menu-element--padding-bottom: var(--sf-0);--sf-menu-element--padding-right: var(--sf-0);min-width:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap{min-width:var(--sf-0);padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);word-wrap:anywhere}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-2)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu.sf-menu--documentation-tree [aria-current=page]{background:var(--sf-surface-container-active);color:var(--sf-on-surface);font-weight:var(--sf-font-weight-medium)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}}@property --sf-badge--anchor-radius{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --sf-badge--anchor-border{syntax:"<length>";inherits:false;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element-wrap>.sf-badge{margin-left:auto}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element-wrap>.sf-badge{margin-left:auto}}.sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){margin-left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element-wrap>.sf-badge{margin-right:auto}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-menu-element-wrap>.sf-badge{margin-right:auto}}.sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){margin-right:auto}.sf-menu-element-wrap>.sf-badge{flex:none;-webkit-margin-start:auto;margin-inline-start:auto}.sf-menu.sf-menu--compact .sf-menu-element{justify-content:center;padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-end, var(--sf-space-1));padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-end, var(--sf-space-1));padding-inline:var(--sf-menu-element--padding-inline-end, var(--sf-space-1))}.sf-menu.sf-menu--compact .sf-menu-element-wrap{position:relative;flex:none}.sf-menu.sf-menu--compact .sf-menu-element-text{position:absolute;width:var(--sf-px);inline-size:var(--sf-px);height:var(--sf-px);block-size:var(--sf-px);margin:calc(var(--sf-px)*-1);padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.sf-menu.sf-menu--compact .sf-menu-element>.sf-icon-button,.sf-menu.sf-menu--compact .sf-menu-item>.sf-menu{display:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-left:0}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-left:0}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){margin-left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-right:0}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-right:0}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){margin-right:0}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-inset: calc(min(var(--sf-badge--anchor-radius), 50% + var(--sf-badge--anchor-border)) * 0.29289);--sf-badge--ring: var(--sf-badge-ring-color, var(--sf-badge--surface, var(--sf-surface-0)));--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error));position:absolute;top:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-block-start:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-inline-start:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset));translate:-50% -50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sf-badge--anchored-size);block-size:var(--sf-badge--anchored-size);min-height:var(--sf-badge--anchored-size);min-block-size:var(--sf-badge--anchored-size);min-width:var(--sf-badge--anchored-size);min-inline-size:var(--sf-badge--anchored-size);max-width:var(--sf-badge--anchored-max);max-inline-size:var(--sf-badge--anchored-max);padding-top:0;padding-bottom:0;padding-block:0;padding-left:var(--sf-badge--anchored-padding);padding-right:var(--sf-badge--anchored-padding);padding-inline:var(--sf-badge--anchored-padding);overflow:hidden;font-size:var(--sf-badge--anchored-font-size);line-height:var(--sf-badge--anchored-size);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 var(--sf-badge--ring-width) var(--sf-badge--ring);-webkit-margin-start:0;margin-inline-start:0}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:dir(rtl){translate:50% -50%}@media(forced-colors: active){.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{forced-color-adjust:none;background-color:Highlight;color:HighlightText;box-shadow:none;outline:var(--sf-badge--ring-width) solid Canvas}}.sf-menu.sf-menu--compact .sf-menu-element-wrap[\:has\(\%3E.sf-avatar\:not\(.sf-avatar--square\)\)]>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius-circle)}.sf-menu.sf-menu--compact .sf-menu-element-wrap:has(>.sf-avatar:not(.sf-avatar--square))>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius-circle)}.sf-menu.sf-menu--compact .sf-menu-element-wrap[\:has\(\%3E.sf-avatar--square\)]>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius--ui)}.sf-menu.sf-menu--compact .sf-menu-element-wrap:has(>.sf-avatar--square)>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius--ui)}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge.sf-badge--dot{--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}}
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-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)}}
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);--sf-badge--surface: 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]})(),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",$)})();
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":"30 70",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);--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}}}
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-arc-duration: calc(var(--sf-duration-slow) * 2);--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: 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-arc-duration);--sf-loader--look-dash: 30 70}[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);--sf-loader--look-dash: 24 76}[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);--sf-loader--look-dash: 30 70}[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--look-dash: 30 70}.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: 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-arc-duration);--sf-loader--look-dash: 30 70}.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--look-dash: 24 76}.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--look-dash: 30 70}.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--look-dash: 30 70}.sf-loader-container .sf-loader-svg{-webkit-animation-name:sf-loader-svg-rotate;animation-name:sf-loader-svg-rotate;-webkit-animation-name:var(--sf-loader--look-spin, sf-loader-svg-rotate);animation-name:var(--sf-loader--look-spin, sf-loader-svg-rotate);-webkit-animation-duration:var(--sf-loader-arc-duration);animation-duration:var(--sf-loader-arc-duration);-webkit-animation-duration:var(--sf-loader--look-spin-duration, var(--sf-loader-arc-duration));animation-duration:var(--sf-loader--look-spin-duration, var(--sf-loader-arc-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-dasharray:30 70;stroke-dasharray:var(--sf-loader--look-dash, 30 70);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:none;animation-name:none;-webkit-animation-name:var(--sf-loader--look-motion, none);animation-name:var(--sf-loader--look-motion, none);-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}}@-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}}}
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,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})})();
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":"30 70",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})})();