@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/component/quantity/json/quantity.utility.json

@@ -0,0 +1,35 @@
+{
+  ".sf-quantity": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/4)",
+    "justify-content/flex-start (.justify-start)"
+  ],
+  ".sf-quantity .sf-quantity-label": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/4)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-quantity .sf-quantity-wrap": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-2)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-quantity .sf-quantity-count": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-quantity .sf-quantity-wrap input": [
+    "display/flex (.flex)"
+  ]
+}

package/distr/component/radio/css/radio.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-radio-native{position:absolute;opacity:0;pointer-events:none;width:0;inline-size:0;height:0;block-size:0;margin:0}.sf-radio-button{background-color:transparent;background-color:var(--sf-radio-button--background-color, transparent);gap:var(--sf-radio-button--gap)}.sf-radio-button>.sf-radio-button-container>.sf-radio-button-top>.sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-bottom-right-radius:var(--sf-radio-button-box--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-bottom-right-radius:var(--sf-radio-button-box--border-end-end-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radio-button-box--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-radio-button .sf-radio-button-box{border-bottom-left-radius:var(--sf-radio-button-box--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-radio-button .sf-radio-button-box{border-bottom-left-radius:var(--sf-radio-button-box--border-end-end-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radio-button-box--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-bottom-left-radius:var(--sf-radio-button-box--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-bottom-left-radius:var(--sf-radio-button-box--border-end-start-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radio-button-box--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-radio-button .sf-radio-button-box{border-bottom-right-radius:var(--sf-radio-button-box--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-radio-button .sf-radio-button-box{border-bottom-right-radius:var(--sf-radio-button-box--border-end-start-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radio-button-box--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-top-right-radius:var(--sf-radio-button-box--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-top-right-radius:var(--sf-radio-button-box--border-start-end-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(ltr)){border-top-right-radius:var(--sf-radio-button-box--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-radio-button .sf-radio-button-box{border-top-left-radius:var(--sf-radio-button-box--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-radio-button .sf-radio-button-box{border-top-left-radius:var(--sf-radio-button-box--border-start-end-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(rtl)){border-top-left-radius:var(--sf-radio-button-box--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-top-left-radius:var(--sf-radio-button-box--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-radio-button .sf-radio-button-box{border-top-left-radius:var(--sf-radio-button-box--border-start-start-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(ltr)){border-top-left-radius:var(--sf-radio-button-box--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-radio-button .sf-radio-button-box{border-top-right-radius:var(--sf-radio-button-box--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-radio-button .sf-radio-button-box{border-top-right-radius:var(--sf-radio-button-box--border-start-start-radius)}}.sf-radio-button .sf-radio-button-box:where(:dir(rtl)){border-top-right-radius:var(--sf-radio-button-box--border-start-start-radius)}.sf-radio-button .sf-radio-button-box{--sf-radio-button-box--background-color: var(--sf-radio-button-background-color, transparent);--sf-radio-button-box--border: var(--sf-px) solid;--sf-radio-button-box--border-color: var(--sf-radio-button-border-color, var(--sf-outline));--sf-radio-button-box--border-end-end-radius: var(--sf-radius-circle);--sf-radio-button-box--border-end-start-radius: var(--sf-radius-circle);--sf-radio-button-box--border-start-end-radius: var(--sf-radius-circle);--sf-radio-button-box--border-start-start-radius: var(--sf-radius-circle);--sf-radio-button-box--border-style: solid;--sf-radio-button-box--border-width: var(--sf-radio-button-border-width, var(--sf-px));--sf-radio-button-box--gap: var(--sf-a0);background-color:var(--sf-radio-button-box--background-color);border:var(--sf-radio-button-box--border);border-color:transparent;border-color:var(--sf-radio-button-box--border-color, transparent);border-end-end-radius:var(--sf-radio-button-box--border-end-end-radius);border-end-start-radius:var(--sf-radio-button-box--border-end-start-radius);border-start-end-radius:var(--sf-radio-button-box--border-start-end-radius);border-start-start-radius:var(--sf-radio-button-box--border-start-start-radius);border-style:solid;border-style:var(--sf-radio-button-box--border-style, solid);border-width:var(--sf-radio-button-box--border-width);box-shadow:var(--sf-radio-button-box--box-shadow);gap:var(--sf-radio-button-box--gap);height:var(--sf-radio-button-box--height);width:var(--sf-radio-button-box--width)}.sf-radio-button .sf-radio-button-container{--sf-radio-button-container--background-color: transparent;background-color:var(--sf-radio-button-container--background-color)}.sf-radio-button .sf-radio-button-description{--sf-radio-button-description--color: var(--sf-on-surface-variant);--sf-radio-button-description--font-family: var(--sf-text--family);--sf-radio-button-description--font-weight: var(--sf-font-weight-regular);color:var(--sf-radio-button-description--color);font-family:var(--sf-radio-button-description--font-family);font-size:var(--sf-radio-button-description--font-size);font-weight:var(--sf-radio-button-description--font-weight);line-height:var(--sf-radio-button-description--line-height)}.sf-radio-button .sf-radio-button-top{--sf-radio-button-top--background-color: transparent;background-color:var(--sf-radio-button-top--background-color);gap:var(--sf-radio-button-top--gap)}.sf-radio-button .sf-radio-button-text{--sf-radio-button-text--background-color: transparent;background-color:var(--sf-radio-button-text--background-color);color:var(--sf-radio-button-text--color);font-family:var(--sf-radio-button-text--font-family);font-size:var(--sf-radio-button-text--font-size);font-weight:var(--sf-radio-button-text--font-weight);line-height:var(--sf-radio-button-text--line-height);--sf-radio-button-text--color: var(--sf-radio-button-color, var(--sf-on-surface))}.sf-radio-button .sf-radio-button-mark{background-color:var(--sf-radio-button-mark--background-color);border-radius:var(--sf-radio-button-mark--border-radius);height:var(--sf-radio-button-mark--height);width:var(--sf-radio-button-mark--width)}.sf-radio-button.sf-radio-button--size-1\/2 .sf-radio-button-box{--sf-radio-button-box--height: var(--sf-radio-button-size, var(--sf-text-height-1\/2));--sf-radio-button-box--width: var(--sf-radio-button-size, var(--sf-text-height-1\/2))}.sf-radio-button.sf-radio-button--size-1 .sf-radio-button-box{--sf-radio-button-box--height: var(--sf-radio-button-size, var(--sf-text-height-1));--sf-radio-button-box--width: var(--sf-radio-button-size, var(--sf-text-height-1))}.sf-radio-button.sf-radio-button--size-1\/2 .sf-radio-button-description{--sf-radio-button-description--font-size: var(--sf-text-size-1\/3);--sf-radio-button-description--line-height: var(--sf-text-height-1\/3)}.sf-radio-button.sf-radio-button--size-1 .sf-radio-button-description{--sf-radio-button-description--font-size: var(--sf-text-size-1\/2);--sf-radio-button-description--line-height: var(--sf-text-height-1\/2)}.sf-radio-button.sf-radio-button--size-1\/2 .sf-radio-button-text{--sf-radio-button-text--font-size: var(--sf-text-size-1\/2);--sf-radio-button-text--line-height: var(--sf-text-height-1\/2)}.sf-radio-button.sf-radio-button--size-1 .sf-radio-button-text{--sf-radio-button-text--font-size: var(--sf-text-size-1);--sf-radio-button-text--line-height: var(--sf-text-height-1)}.sf-radio-button.sf-radio-button--size-1\/2 .sf-radio-button-text{--sf-radio-button-text--font-family: var(--sf-text--family);--sf-radio-button-text--font-weight: var(--sf-font-weight-medium)}.sf-radio-button.sf-radio-button--size-1 .sf-radio-button-text{--sf-radio-button-text--font-family: var(--sf-text--family);--sf-radio-button-text--font-weight: var(--sf-font-weight-medium)}.sf-radio-button.sf-radio-button--size-1\/2 .sf-radio-button-top{--sf-radio-button-top--gap: var(--sf-space-1\/4)}.sf-radio-button.sf-radio-button--size-1 .sf-radio-button-top{--sf-radio-button-top--gap: var(--sf-space-1\/4)}.sf-radio-button.sf-radio-button--size-1\/2[\:has\(input\:checked\)] .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button.sf-radio-button--size-1\/2:has(input:checked) .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button.sf-radio-button--size-1[\:has\(input\:checked\)] .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button.sf-radio-button--size-1:has(input:checked) .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button[\:has\(input\:disabled\)] .sf-radio-button-text{--sf-radio-button-text--color: var(--sf-on-disable)}.sf-radio-button:has(input:disabled) .sf-radio-button-text{--sf-radio-button-text--color: var(--sf-on-disable)}.sf-radio-button--size-1\/2{--sf-radio-button--gap: var(--sf-radio-button-gap, var(--sf-ui-1\/2--text-space-x))}.sf-radio-button--size-1{--sf-radio-button--gap: var(--sf-radio-button-gap, var(--sf-ui-1--text-space-x))}.sf-radio-button.sf-radio-button--size-2 .sf-radio-button-box{--sf-radio-button-box--height: var(--sf-radio-button-size, var(--sf-text-height-2));--sf-radio-button-box--width: var(--sf-radio-button-size, var(--sf-text-height-2))}.sf-radio-button.sf-radio-button--size-2 .sf-radio-button-description{--sf-radio-button-description--font-size: var(--sf-text-size-1);--sf-radio-button-description--line-height: var(--sf-text-height-1)}.sf-radio-button.sf-radio-button--size-2 .sf-radio-button-text{--sf-radio-button-text--font-size: var(--sf-text-size-2);--sf-radio-button-text--line-height: var(--sf-text-height-2)}.sf-radio-button.sf-radio-button--size-2 .sf-radio-button-text{--sf-radio-button-text--font-family: var(--sf-text--family);--sf-radio-button-text--font-weight: var(--sf-font-weight-medium)}.sf-radio-button.sf-radio-button--size-2 .sf-radio-button-top{--sf-radio-button-top--gap: var(--sf-space-1\/4)}.sf-radio-button.sf-radio-button--size-2[\:has\(input\:checked\)] .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button.sf-radio-button--size-2:has(input:checked) .sf-radio-button-mark{--sf-radio-button-mark--height: var(--sf-b2);--sf-radio-button-mark--width: var(--sf-b2)}.sf-radio-button--size-2{--sf-radio-button--gap: var(--sf-radio-button-gap, var(--sf-ui-2--text-space-x))}.sf-radio-button[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:hover\)] .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-primary-hover)}.sf-radio-button:has(input:enabled:not(:disabled):not(.disabled):hover) .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-primary-hover)}.sf-radio-button[\:has\(input\:checked\)][\:not-has\(input\:disabled\)] .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-primary)}.sf-radio-button:has(input:checked):not(:has(input:disabled)) .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-primary)}.sf-radio-button[\:has\(input\:checked\)] .sf-radio-button-mark{--sf-radio-button-mark--border-radius: var(--sf-radius-circle)}.sf-radio-button:has(input:checked) .sf-radio-button-mark{--sf-radio-button-mark--border-radius: var(--sf-radius-circle)}.sf-radio-button[\:has\(input\:checked\)][\:not-has\(input\:disabled\)] .sf-radio-button-mark{--sf-radio-button-mark--background-color: var(--sf-primary)}.sf-radio-button:has(input:checked):not(:has(input:disabled)) .sf-radio-button-mark{--sf-radio-button-mark--background-color: var(--sf-primary)}.sf-radio-button[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-radio-button-box{--sf-radio-button-box--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button:has(input:not(:disabled):not(.disabled).focus-visible) .sf-radio-button-box{--sf-radio-button-box--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-radio-button-box{--sf-radio-button-box--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button:has(input:not(:disabled):not(.disabled):focus-visible) .sf-radio-button-box{--sf-radio-button-box--background-color: var(--sf-transparent-for-focus);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button input.focus-visible{outline:none}.sf-radio-button input:focus-visible{outline:none}.sf-radio-button[\:has\(input\:disabled\)] .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-outline-disable)}.sf-radio-button:has(input:disabled) .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-outline-disable)}.sf-radio-button[\:has\(input\:disabled\)] .sf-radio-button-mark{--sf-radio-button-mark--background-color: var(--sf-on-disable)}.sf-radio-button:has(input:disabled) .sf-radio-button-mark{--sf-radio-button-mark--background-color: var(--sf-on-disable)}.sf-radio-button[\:has\(input\:disabled\)]>.sf-radio-button-container>.sf-radio-button-top>.sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-radio-button:has(input:disabled)>.sf-radio-button-container>.sf-radio-button-top>.sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-radio-button[\:has\(input\:disabled\)] .sf-radio-button-description{--sf-radio-button-description--color: var(--sf-on-disable)}.sf-radio-button:has(input:disabled) .sf-radio-button-description{--sf-radio-button-description--color: var(--sf-on-disable)}.sf-radio-button.error .sf-radio-button-box{--sf-radio-button-box--border-color: var(--sf-error)}}@layer sf.states{@media(forced-colors: active){.sf-radio-button .sf-radio-button-box{forced-color-adjust:none;background-color:Canvas;border-color:ButtonText}.sf-radio-button .sf-radio-button-mark{background-color:rgba(0,0,0,0)}.sf-radio-button[\:has\(input\:checked\)] .sf-radio-button-box{border-color:Highlight}.sf-radio-button:has(input:checked) .sf-radio-button-box{border-color:Highlight}.sf-radio-button[\:has\(input\:checked\)] .sf-radio-button-mark{background-color:Highlight}.sf-radio-button:has(input:checked) .sf-radio-button-mark{background-color:Highlight}.sf-radio-button[\:has\(input\:disabled\)] .sf-radio-button-box{border-color:GrayText}.sf-radio-button:has(input:disabled) .sf-radio-button-box{border-color:GrayText}.sf-radio-button[\:has\(input\:disabled\:checked\)] .sf-radio-button-mark{background-color:GrayText}.sf-radio-button:has(input:disabled:checked) .sf-radio-button-mark{background-color:GrayText}.sf-radio-button[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-radio-button-box{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-radio-button-box--box-shadow: none}.sf-radio-button:has(input:not(:disabled):not(.disabled).focus-visible) .sf-radio-button-box{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-radio-button-box--box-shadow: none}.sf-radio-button[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-radio-button-box{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-radio-button-box--box-shadow: none}.sf-radio-button:has(input:not(:disabled):not(.disabled):focus-visible) .sf-radio-button-box{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-radio-button-box--box-shadow: none}}}@layer sf.components{.sf-radio-button{min-width:0}.sf-radio-button:not(.disabled)[\:has\(input\:not\(\:disabled\)\)]{cursor:pointer}.sf-radio-button:not(.disabled):has(input:not(:disabled)){cursor:pointer}.sf-radio-button[\:has\(input\:disabled\)]{cursor:default}.sf-radio-button:has(input:disabled){cursor:default}.sf-radio-button .sf-radio-button-container{min-width:0}.sf-radio-button .sf-radio-button-box{position:relative;flex-shrink:0}.sf-radio-button .sf-radio-button-box>input[type=radio]{position:absolute;top:min(0px,(100% - var(--sf-c2))/2);right:min(0px,(100% - var(--sf-c2))/2);bottom:min(0px,(100% - var(--sf-c2))/2);left:min(0px,(100% - var(--sf-c2))/2);inset:min(0px,(100% - var(--sf-c2))/2) min(0px,(100% - var(--sf-c2))/2);width:max(100%,var(--sf-c2));inline-size:max(100%,var(--sf-c2));height:max(100%,var(--sf-c2));block-size:max(100%,var(--sf-c2));margin:0;opacity:0;cursor:inherit}.sf-radio-button .sf-radio-button-text{white-space:normal;white-space:var(--sf-radio-button-text--white-space, normal);word-wrap:anywhere}.sf-radio-group--font{gap:var(--sf-space-1\/4);flex-wrap:wrap}.sf-radio-wrap--type-font{align-items:flex-start;gap:var(--sf-space-1\/3);min-width:0}.sf-radio-wrap--type-font:hover{--sf-radio-button--background-color: transparent}.sf-radio-button--type-font{position:relative}.sf-radio-button--type-font .sf-radio-text{display:grid;align-items:center;justify-items:center;place-items:center;box-sizing:border-box;color:var(--sf-on-surface);background-color:var(--sf-surface-0);border:var(--sf-px) solid var(--sf-outline);border-radius:var(--sf-radius--ui);font-family:inherit;font-family:var(--sf-radio-font--family, inherit);font-style:normal;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-animation)}.sf-radio-button--type-font.sf-radio-button--size-1\/2 .sf-radio-text{width:var(--sf-d1);inline-size:var(--sf-d1);height:var(--sf-c1);block-size:var(--sf-c1);font-size:var(--sf-text-size-1\/2);line-height:var(--sf-text-height-1\/2)}.sf-radio-button--type-font.sf-radio-button--size-1 .sf-radio-text{width:var(--sf-d2);inline-size:var(--sf-d2);height:var(--sf-c2);block-size:var(--sf-c2);font-size:var(--sf-text-size-1);line-height:var(--sf-text-height-1)}.sf-radio-button--type-font.sf-radio-button--size-2 .sf-radio-text{width:var(--sf-d4);inline-size:var(--sf-d4);height:var(--sf-c4);block-size:var(--sf-c4);font-size:var(--sf-text-size-2);line-height:var(--sf-text-height-2)}.sf-radio-button--type-font[\:has\(input\:not\(\:disabled\)\:hover\)] .sf-radio-text{border-color:var(--sf-primary-hover);background-color:var(--sf-surface-container-hover)}.sf-radio-button--type-font:has(input:not(:disabled):hover) .sf-radio-text{border-color:var(--sf-primary-hover);background-color:var(--sf-surface-container-hover)}.sf-radio-button--type-font .sf-radio-text.active{color:var(--sf-on-primary);background-color:var(--sf-primary);border-color:var(--sf-primary)}.sf-radio-button--type-font[\:has\(input.focus-visible\)] .sf-radio-text{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button--type-font:has(input.focus-visible) .sf-radio-text{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button--type-font[\:has\(input\:focus-visible\)] .sf-radio-text{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button--type-font:has(input:focus-visible) .sf-radio-text{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-radio-button--type-font[\:has\(input\:disabled\)] .sf-radio-text{color:var(--sf-on-disable);background-color:var(--sf-surface-0);border-color:var(--sf-outline-disable)}.sf-radio-button--type-font:has(input:disabled) .sf-radio-text{color:var(--sf-on-disable);background-color:var(--sf-surface-0);border-color:var(--sf-outline-disable)}@media(forced-colors: active){.sf-radio-button--type-font .sf-radio-text{forced-color-adjust:none;color:ButtonText;background-color:Canvas;border-color:ButtonText}.sf-radio-button--type-font .sf-radio-text.active{color:HighlightText;background-color:Highlight;border-color:Highlight}.sf-radio-button--type-font[\:has\(input.focus-visible\)] .sf-radio-text{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}.sf-radio-button--type-font:has(input.focus-visible) .sf-radio-text{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}.sf-radio-button--type-font[\:has\(input\:focus-visible\)] .sf-radio-text{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}.sf-radio-button--type-font:has(input:focus-visible) .sf-radio-text{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}.sf-radio-button--type-font[\:has\(input\:disabled\)] .sf-radio-text{color:GrayText;border-color:GrayText}.sf-radio-button--type-font:has(input:disabled) .sf-radio-text{color:GrayText;border-color:GrayText}}@media(prefers-reduced-motion: reduce){.sf-radio-button--type-font .sf-radio-text{transition-duration:0s}}}

package/distr/component/radio/js/radio.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const i=t.match(/\(([^)]+)\)/g);i&&i.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const i=this.getUtilityMap();if(!i||!i[e])return;this.extractUtilityClasses(i[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=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)},i=new WeakMap,n=new WeakSet;const s="label.sf-radio-button",a="sfRadioBound",o=new Set(["class","className","type","count","text","title","description","help","checked","disabled"]);function r(t,e=!1){if(null==t||""===t)return e;if("boolean"==typeof t)return t;const i=String(t).toLowerCase();return["1","true","yes","on","checked","disabled"].includes(i)}function d(t,e=0){const i=Number(t);return Number.isFinite(i)?i:e}function c(t){if(Array.isArray(t))return t;if(null==t||""===t)return[];if("string"==typeof t){const e=t.trim();if(!e)return[];if(e.startsWith("[")&&e.endsWith("]")||e.startsWith("{")&&e.endsWith("}"))try{const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return e.slice(1,-1).split(",").map(t=>t.trim()).filter(Boolean)}return e.split(",").map(t=>t.trim()).filter(Boolean)}return[t]}function l(t){if(!t)return{};return{input:t.querySelector('input[type="radio"]'),mark:t.querySelector(".sf-radio-button-box .sf-radio-button-mark")}}function u(t){const{input:e,mark:i}=l(t);e&&(t.classList.toggle("active",!!e.checked),t.classList.toggle("disabled",!!e.disabled),i&&i.setAttribute("aria-hidden","true"))}function p(t){const e=t?.closest?.(".sf-radio-wrap--type-font");if(!e)return;const i=c(e.dataset.sfRadioDescriptions||""),n=e.querySelector(".sf-radio-button-description"),a=e.querySelector(`${s} input[type="radio"]:checked`),o=d(a?.dataset?.sfRadioFontIndex,-1);e.querySelectorAll(".sf-radio-text").forEach((t,e)=>t.classList.toggle("active",e===o)),n&&(o>=0&&o<i.length?n.textContent=i[o]||"":n.textContent=i[0]||e.dataset.sfRadioDescription||"")}function h(t){const e=function(t){return t instanceof HTMLInputElement&&"radio"===t.type&&t.name?Array.from(t.getRootNode().querySelectorAll(`${s} input[type="radio"]`)).filter(e=>e.name===t.name&&e.form===t.form).map(t=>t.closest(s)).filter(Boolean):[]}(t);if(!e.length){const e=t?.closest?.(s);return e&&u(e),void p(t)}e.forEach(t=>u(t)),p(t)}function f(t){if(!t||"1"===t.dataset[a])return;const{input:e}=l(t);if(!e)return;const s=()=>h(e);t.__sfRadioHandleChange=s,e.addEventListener("change",s),t.__sfRadioReleaseReset=function(t,e){const s=t.ownerDocument;n.has(s)||(s.addEventListener("reset",t=>{const e=t.target;if("FORM"!==e?.tagName)return;const n=Array.from(e.elements);setTimeout(()=>{if(!t.defaultPrevented)for(const t of n)if(t.isConnected&&t.form===e)for(const e of i.get(t)||[])e()},0)},!0),n.add(s));let a=i.get(t);return a||i.set(t,a=new Set),a.add(e),()=>a.delete(e)}(e,s),t.dataset[a]="1",u(t)}function m(t){if(!t)return;t.__sfRadioReleaseReset?.(),delete t.__sfRadioReleaseReset;const{input:e}=l(t);e&&t.__sfRadioHandleChange&&e.removeEventListener("change",t.__sfRadioHandleChange),delete t.__sfRadioHandleChange,delete t.dataset[a]}function y(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(s)&&f(t),t.querySelectorAll?.(s).forEach(f))}function b(t=document){y(t)}function w(t){return t instanceof HTMLInputElement&&"radio"===t.type?(t.classList.add("sf-radio-native"),t):t}e("Radio",class extends t{static componentName="Radio";html=null;constructor(t){super(t);const{size:e="1",type:i="default",count:n=0,text:s="",title:a="",description:d="",help:c="",checked:l=!1,disabled:u=!1,name:p="",value:h}=this.params||{},f=this.attrs.class||this.attrs.className;if(this.type=i||"default",this.template="font"===this.type?this.buildFontTemplate({size:e,count:n,text:s,title:a,description:d,help:c,checked:l,disabled:u,name:p,value:h,className:f}):document.createElement("label"),this.id&&(this.template.id=this.id),"font"===this.type)return;this.template.classList.add("sf-radio-button",`sf-radio-button--size-${e}`,`sf-radio-button--type-${i||"default"}`),f&&this.template.classList.add(...`${f}`.split(" ").filter(Boolean)),this.box=document.createElement("span"),this.box.classList.add("sf-radio-button-box"),this.input=document.createElement("input"),this.input.type="radio",p&&(this.input.name=p),void 0!==h&&(this.input.value=h),this.input.checked="font"===this.type&&this.previewCheckedIndex>=0||r(l),this.input.defaultChecked=this.input.checked,this.input.disabled=r(u),w(this.input),Object.entries(this.attrs).filter(([t])=>!o.has(t)).forEach(([t,e])=>{null!=e&&this.input.setAttribute(t,e)}),"font"===this.type?(this.box.classList.add("sf-radio-button-box--font"),this.box.append(this.input,this.createFontPreview())):(this.mark=document.createElement("span"),this.mark.classList.add("sf-radio-button-mark"),this.mark.setAttribute("aria-hidden","true"),this.box.append(this.input,this.mark)),this.template.append(this.box);const m="font"===this.type?this.getSelectedDescription(d):d;(a||m||c)&&(this.container=document.createElement("span"),this.container.classList.add("sf-radio-button-container","flex","flex-col"),(a||c)&&(this.top=document.createElement("span"),this.top.classList.add("sf-radio-button-top","flex"),a&&(this.text=document.createElement("span"),this.text.classList.add("sf-radio-button-text"),this.text.textContent=a,this.top.append(this.text)),c&&(this.helpIcon=document.createElement("i"),this.helpIcon.classList.add("sf-icon"),this.helpIcon.setAttribute("aria-hidden","true"),this.helpIcon.textContent=c,this.top.append(this.helpIcon)),this.container.append(this.top)),m&&(this.description=document.createElement("span"),this.description.classList.add("sf-radio-button-description"),this.description.textContent=m,this.container.append(this.description)),this.template.append(this.container))}init(){y(this.template)}destroyInternal(){this.template&&(this.template.matches?.(s)?m(this.template):this.template.querySelectorAll?.(s).forEach(m))}resolveCheckedIndex(t,e){const i=Math.max(0,d(e,0));if("number"==typeof t||"string"==typeof t&&""!==t){const e=Math.floor(d(t,-1));return e>=0&&e<i?e:-1}return r(t,!1)?0:-1}buildFontTemplate({size:t="1",count:e=1,text:i="A",title:n="",description:s="",help:a="",checked:l=!1,disabled:u=!1,name:p="",value:h,className:f=""}={}){const m=document.createElement("div"),y=Math.max(1,d(e,1)),b=this.resolveCheckedIndex(l,y),E=c(s),x=c(h);m.classList.add("sf-radio-button","sf-radio-wrap--type-font","flex",`sf-radio-button--size-${t}`),f&&m.classList.add(...`${f}`.split(" ").filter(Boolean)),m.dataset.sfRadioDescriptions=JSON.stringify(E),m.dataset.sfRadioDescription=(b>=0?E[b]:E[0])||"";const g=document.createElement("div");g.classList.add("sf-radio-group","sf-radio-group--font","flex","items-cross-start");for(let e=0;e<y;e+=1){const s=document.createElement("label");s.classList.add("sf-radio-button",`sf-radio-button--size-${t}`,"sf-radio-button--type-font");const a=document.createElement("i");a.classList.add("sf-radio-text"),e===b&&a.classList.add("active"),a.setAttribute("aria-hidden","true"),a.textContent=i||"A";const d=document.createElement("input");d.type="radio",d.dataset.sfRadioFontIndex=String(e),p&&(d.name=p),void 0!==x[e]?d.value=String(x[e]):void 0===h||Array.isArray(h)?d.value=String(e):d.value=String(h),d.checked=e===b,d.defaultChecked=d.checked,d.disabled=r(u);const c=E[e]||(void 0!==x[e]?String(x[e]):`${n||i||"Radio"} ${e+1}`);d.setAttribute("aria-label",c),w(d),Object.entries(this.attrs).filter(([t])=>!o.has(t)).forEach(([t,e])=>{null!=e&&d.setAttribute(t,e)}),s.append(a,d),g.append(s)}const L=document.createElement("div");if(L.classList.add("sf-radio-button-container","flex","flex-col"),n||a){const t=document.createElement("span");if(t.classList.add("sf-radio-button-top","flex"),n){const e=document.createElement("span");e.classList.add("sf-radio-button-text"),e.textContent=n,t.append(e)}if(a){const e=document.createElement("i");e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=a,t.append(e)}L.append(t)}const v=(b>=0?E[b]:E[0])||"";if(v){const t=document.createElement("span");t.classList.add("sf-radio-button-description"),t.textContent=v,L.append(t)}return m.append(g,L),m}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Radio=window.SF.Radio||{},window.SF.Radio.setState=function(t,e={}){return t instanceof HTMLInputElement&&"radio"===t.type&&(Object.prototype.hasOwnProperty.call(e,"checked")&&(t.checked=r(e.checked)),Object.prototype.hasOwnProperty.call(e,"disabled")&&(t.disabled=r(e.disabled)),h(t),!0)}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>b()):b();new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&y(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/range-slider/css/range-slider.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-range-slider{min-height:var(--sf-ui-1\/3--control-height);min-height:var(--sf-thumb-handle--height, var(--sf-ui-1\/3--control-height));position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sf-range-slider .sf-range-slider-base{height:var(--sf-ui-1\/3--control-height);height:var(--sf-thumb-handle--height, var(--sf-ui-1\/3--control-height));position:relative;width:100%}.sf-range-slider .sf-range-slider-track{left:0;right:0;inset-inline:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:0}.sf-range-slider .sf-range-slider-progress{height:var(--sf-a4);height:var(--sf-range-slider-track--height, var(--sf-a4));left:0;right:0;inset-inline:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.sf-range-slider .sf-range-slider-progress-line,.sf-range-slider .sf-range-slider-origin{height:100%;position:absolute;right:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat;width:100%;will-change:transform}.sf-range-slider .sf-range-slider-handle{background:rgba(0,0,0,0);border:0;box-shadow:none;cursor:-webkit-grab;cursor:grab;height:var(--sf-ui-1\/3--control-height);height:var(--sf-thumb-handle--height, var(--sf-ui-1\/3--control-height));outline:none;position:absolute;top:0;width:var(--sf-ui-1\/3--control-height);width:var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height));z-index:2}.sf-range-slider .sf-range-slider-touch-area{top:0;right:0;bottom:0;left:0;inset:0;cursor:inherit;position:absolute}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-origin{right:auto}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-origin{right:auto}}.sf-range-slider .sf-range-slider-origin:where(:dir(ltr)){right:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-origin{left:auto}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-origin{left:auto}}.sf-range-slider .sf-range-slider-origin:where(:dir(rtl)){left:auto}.sf-range-slider .sf-range-slider-origin{height:0;block-size:0;width:0;inline-size:0;inset-inline-end:auto;position:absolute}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{right:auto}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{right:auto}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(ltr)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(ltr)){right:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{left:auto}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{left:auto}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(rtl)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(rtl)){left:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{left:calc(var(--sf-ui-1\/3--control-height)/-2);left:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{left:calc(var(--sf-ui-1\/3--control-height)/-2);left:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(ltr)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(ltr)){left:calc(var(--sf-ui-1\/3--control-height)/-2);left:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{right:calc(var(--sf-ui-1\/3--control-height)/-2);right:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{right:calc(var(--sf-ui-1\/3--control-height)/-2);right:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(rtl)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(rtl)){right:calc(var(--sf-ui-1\/3--control-height)/-2);right:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{left:calc(var(--sf-ui-1\/3--control-height)/-2)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-lower,html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-handle-upper{left:calc(var(--sf-ui-1\/3--control-height)/-2)}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(ltr)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(ltr)){left:calc(var(--sf-ui-1\/3--control-height)/-2)}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{right:calc(var(--sf-ui-1\/3--control-height)/-2)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-handle-lower,[dir="rtl"] .sf-range-slider .sf-range-slider-handle-upper{right:calc(var(--sf-ui-1\/3--control-height)/-2)}}.sf-range-slider .sf-range-slider-handle-lower:where(:dir(rtl)),.sf-range-slider .sf-range-slider-handle-upper:where(:dir(rtl)){right:calc(var(--sf-ui-1\/3--control-height)/-2)}.sf-range-slider .sf-range-slider-handle-lower,.sf-range-slider .sf-range-slider-handle-upper{inset-inline-end:auto;inset-inline-start:calc(var(--sf-ui-1\/3--control-height)/-2);inset-inline-start:calc(var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))/-2)}.sf-range-slider .sf-range-slider-visual{left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.sf-range-slider .sf-thumb--label-tooltip{position:relative}.sf-range-slider .sf-thumb--label-text{position:relative}.sf-range-slider .sf-thumb--label-tooltip .sf-tooltip,.sf-range-slider .sf-thumb--label-text .sf-thumb-text{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.sf-range-slider .sf-thumb--position-top.sf-thumb--label-tooltip .sf-tooltip,.sf-range-slider .sf-thumb--position-top.sf-thumb--label-text .sf-thumb-text{bottom:calc(100% + var(--sf-space-1\/4))}.sf-range-slider .sf-thumb--position-bottom.sf-thumb--label-tooltip .sf-tooltip,.sf-range-slider .sf-thumb--position-bottom.sf-thumb--label-text .sf-thumb-text{top:calc(100% + var(--sf-space-1\/4))}.sf-range-slider .sf-range-slider-labels{position:relative;width:100%;inline-size:100%;min-height:var(--sf-text-small--height);min-block-size:var(--sf-text-small--height);gap:var(--sf-space-1\/4)}.sf-range-slider .sf-range-slider-labels--top{margin-bottom:var(--sf-space-1\/4);-webkit-margin-after:var(--sf-space-1\/4);margin-block-end:var(--sf-space-1\/4)}.sf-range-slider .sf-range-slider-labels--bottom{margin-top:var(--sf-space-1\/4);-webkit-margin-before:var(--sf-space-1\/4);margin-block-start:var(--sf-space-1\/4)}.sf-range-slider .sf-range-slider-labels>.sf-tooltip,.sf-range-slider .sf-range-slider-labels>.sf-thumb-text{position:absolute;top:0;-webkit-transform:none;transform:none;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;max-width:100%;max-inline-size:100%;white-space:normal;word-wrap:anywhere;text-align:center}.sf-range-slider.disabled .sf-range-slider-handle.sf-thumb,.sf-range-slider[disabled] .sf-range-slider-handle.sf-thumb,.sf-range-slider.disabled .sf-range-slider-handle,.sf-range-slider[disabled] .sf-range-slider-handle{cursor:default}}@layer sf.components{.sf-thumb{background-color:transparent;background-color:var(--sf-thumb--background-color, transparent);gap:var(--sf-space-1\/4);gap:var(--sf-thumb--gap, var(--sf-space-1\/4))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-thumb .sf-thumb-handle{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-thumb .sf-thumb-handle{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-thumb .sf-thumb-handle{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-thumb .sf-thumb-handle{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-thumb .sf-thumb-handle{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-thumb .sf-thumb-handle{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-thumb .sf-thumb-handle{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-thumb .sf-thumb-handle{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-thumb .sf-thumb-handle{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}}.sf-thumb .sf-thumb-handle:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle))}.sf-thumb .sf-thumb-handle{background-color:var(--sf-primary);background-color:var(--sf-thumb-handle--background-color, var(--sf-primary));border-end-end-radius:var(--sf-radius-circle);border-end-end-radius:var(--sf-thumb-handle--border-end-end-radius, var(--sf-radius-circle));border-end-start-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-thumb-handle--border-end-start-radius, var(--sf-radius-circle));border-start-end-radius:var(--sf-radius-circle);border-start-end-radius:var(--sf-thumb-handle--border-start-end-radius, var(--sf-radius-circle));border-start-start-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-thumb-handle--border-start-start-radius, var(--sf-radius-circle));box-shadow:var(--sf-thumb-handle--box-shadow);height:var(--sf-ui-1\/3--control-height);height:var(--sf-thumb-handle--height, var(--sf-ui-1\/3--control-height));transition-duration:var(--sf-duration-fast);transition-property:background-color,box-shadow;transition-timing-function:var(--sf-animation);width:var(--sf-ui-1\/3--control-height);width:var(--sf-thumb-handle--width, var(--sf-ui-1\/3--control-height))}.sf-thumb .sf-thumb-inner{background-color:var(--sf-surface-0);background-color:var(--sf-thumb-inner--background-color, var(--sf-surface-0));border-radius:var(--sf-radius-circle);border-radius:var(--sf-thumb-inner--border-radius, var(--sf-radius-circle));height:50%;height:var(--sf-thumb-inner--height, 50%);transition-duration:var(--sf-duration-fast);transition-property:background-color,height,width;transition-timing-function:var(--sf-animation);width:50%;width:var(--sf-thumb-inner--width, 50%)}.sf-thumb .sf-thumb-text{color:var(--sf-on-surface);color:var(--sf-thumb-text--color, var(--sf-on-surface));font-family:var(--sf-text--family);font-family:var(--sf-thumb-text--font-family, var(--sf-text--family));font-size:var(--sf-text-small--size);font-size:var(--sf-thumb-text--font-size, var(--sf-text-small--size));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-thumb-text--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-text-small--height);line-height:var(--sf-thumb-text--line-height, var(--sf-text-small--height))}.sf-thumb .sf-tooltip-content{box-shadow:var(--sf-tooltip-content--box-shadow)}.sf-thumb .sf-tooltip-text{font-weight:var(--sf-tooltip-text--font-weight)}.sf-thumb.sf-thumb--label-tooltip .sf-tooltip-content{--sf-tooltip-content--box-shadow: var(--sf-ui-shadow-1)}.sf-thumb.sf-thumb--label-tooltip .sf-tooltip-text{--sf-tooltip-text--font-weight: var(--sf-font-weight-regular)}.sf-thumb:not(:disabled):not(.disabled).focus-visible .sf-thumb-handle,.sf-range-slider:not([disabled]):not(.disabled) .sf-range-slider-handle.focus-visible .sf-thumb-handle{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-thumb:not(:disabled):not(.disabled):focus-visible .sf-thumb-handle,.sf-range-slider:not([disabled]):not(.disabled) .sf-range-slider-handle:focus-visible .sf-thumb-handle{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}@media(forced-colors: active){.sf-range-slider .sf-thumb-handle{border:var(--sf-focus-outline-width) solid ButtonText}.sf-range-slider:not([disabled]):not(.disabled) .sf-range-slider-handle.focus-visible .sf-thumb-handle{outline:var(--sf-focus-outline-width) solid Highlight;outline-offset:var(--sf-focus-outline-width)}.sf-range-slider:not([disabled]):not(.disabled) .sf-range-slider-handle:focus-visible .sf-thumb-handle{outline:var(--sf-focus-outline-width) solid Highlight;outline-offset:var(--sf-focus-outline-width)}}.sf-thumb:not(:disabled):not([disabled]):not(.disabled):not([disabled] *):not(.disabled *):hover .sf-thumb-handle{background-color:var(--sf-primary-hover);background-color:var(--sf-thumb-handle--hover-background-color, var(--sf-primary-hover))}.sf-thumb:not(:disabled):not([disabled]):not(.disabled):not([disabled] *):not(.disabled *):hover .sf-thumb-inner{height:75%;height:var(--sf-thumb-inner--height, 75%);width:75%;width:var(--sf-thumb-inner--width, 75%)}.sf-range-slider[disabled] .sf-thumb-handle{background-color:var(--sf-disable)}.sf-range-slider.disabled .sf-thumb-handle{background-color:var(--sf-disable)}.sf-range-slider[disabled] .sf-thumb-inner{background-color:var(--sf-on-disable)}.sf-range-slider.disabled .sf-thumb-inner{background-color:var(--sf-on-disable)}@media(prefers-reduced-motion: reduce){.sf-range-slider .sf-thumb-handle,.sf-range-slider .sf-thumb-inner{transition-duration:0s}}}@layer sf.components{.sf-range-slider{background-color:transparent;background-color:var(--sf-range-slider--background-color, transparent)}.sf-range-slider .sf-range-slider-progress{background-color:transparent;background-color:var(--sf-range-slider-progress--background-color, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-progress-line{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-progress-line{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-progress-line:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui))}.sf-range-slider .sf-range-slider-progress-line{background-color:var(--sf-primary);background-color:var(--sf-range-slider-progress-line--background-color, var(--sf-primary));border-end-end-radius:var(--sf-radius--ui);border-end-end-radius:var(--sf-range-slider-progress-line--border-end-end-radius, var(--sf-radius--ui));border-end-start-radius:var(--sf-radius--ui);border-end-start-radius:var(--sf-range-slider-progress-line--border-end-start-radius, var(--sf-radius--ui));border-start-end-radius:var(--sf-radius--ui);border-start-end-radius:var(--sf-range-slider-progress-line--border-start-end-radius, var(--sf-radius--ui));border-start-start-radius:var(--sf-radius--ui);border-start-start-radius:var(--sf-range-slider-progress-line--border-start-start-radius, var(--sf-radius--ui));height:var(--sf-a4);height:var(--sf-range-slider-progress-line--height, var(--sf-range-slider-track--height, var(--sf-a4)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-track{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-track{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-track{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-track{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-track{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-track{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-range-slider .sf-range-slider-track{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}_:-ms-input-placeholder, [dir="rtl"] .sf-range-slider .sf-range-slider-track{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-range-slider .sf-range-slider-track{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}}.sf-range-slider .sf-range-slider-track:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui))}.sf-range-slider .sf-range-slider-track{background-color:var(--sf-surface-container);background-color:var(--sf-range-slider-track--background-color, var(--sf-surface-container));border-end-end-radius:var(--sf-radius--ui);border-end-end-radius:var(--sf-range-slider-track--border-end-end-radius, var(--sf-radius--ui));border-end-start-radius:var(--sf-radius--ui);border-end-start-radius:var(--sf-range-slider-track--border-end-start-radius, var(--sf-radius--ui));border-start-end-radius:var(--sf-radius--ui);border-start-end-radius:var(--sf-range-slider-track--border-start-end-radius, var(--sf-radius--ui));border-start-start-radius:var(--sf-radius--ui);border-start-start-radius:var(--sf-range-slider-track--border-start-start-radius, var(--sf-radius--ui));box-shadow:var(--sf-ui-shadow-2);box-shadow:var(--sf-range-slider-track--box-shadow, var(--sf-ui-shadow-2));height:var(--sf-a4);height:var(--sf-range-slider-track--height, var(--sf-a4))}.sf-range-slider[disabled] .sf-range-slider-progress-line{background-color:var(--sf-disable)}.sf-range-slider.disabled .sf-range-slider-progress-line{background-color:var(--sf-disable)}}

package/distr/component/range-slider/js/range-slider.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";function e(e,t,n){return Math.min(n,Math.max(t,Number(e)))}function t(e){return(Array.isArray(e)?e:[e]).map(Number)}function n(e,t){const n=document.createElement(e);return n.className=t,n}const r=".sf-range-slider",a="sfRangeSliderBound",i="__sfRangeSliderAccessibility",s="__sfRangeSliderLabels",o=["aria-label","aria-labelledby","aria-describedby"],l=["data-lower-label","data-upper-label"];function d(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on","disabled"].includes(String(e).toLowerCase())}function c(e,t){const n=Number.parseFloat(String(e??""));return Number.isFinite(n)?n:t}function u(e){let t=c(e.getAttribute("data-min"),0),n=c(e.getAttribute("data-max"),100);return t>n&&([t,n]=[n,t]),n>t&&Number.isFinite(n-t)?{min:t,max:n}:{min:0,max:100}}function m(e,t,n,r){const a=c(e,r);return Math.min(n,Math.max(t,a))}function f(e,t){const n=!!t||"lower";if(!e.hasAttribute("data-connect"))return n;const r=String(e.getAttribute("data-connect")??"").trim().toLowerCase();return"true"===r||"false"!==r&&("lower"===r||"upper"===r?r:n)}function g(e){const t=e.getAttribute("data-decimals");return null!==t&&""!==t?Math.min(100,Math.max(0,Math.trunc(c(t,0)))):function(e){const t=String(e??"").trim().toLowerCase();if(!t||!Number.isFinite(Number(t)))return 0;const[n,r="0"]=t.split("e"),a=n.split(".")[1]?.replace(/0+$/,"").length||0;return Math.min(100,Math.max(0,a-Number(r)))}(e.getAttribute("data-step"))}function b(e){return d(e.getAttribute("data-multiple"),!1)}function p(e){const t=String(e.getAttribute("data-label")||"none").toLowerCase();return["none","text","tooltip"].includes(t)?t:"none"}function h(e,t="none"){const n="tooltip"===t?"data-tooltip-position":"data-text-position",r=e.getAttribute(n)||e.getAttribute("data-label-position")||"",a=String(r).toLowerCase();return["top","bottom"].includes(a)?a:"text"===t?"bottom":"top"}function v(e){return Array.from(e.querySelectorAll(".sf-range-slider-handle"))}function S(e,t=e){const n=e[i]||{assigned:new WeakMap};n.observer?.disconnect();const r=v(e),a=()=>v(e).forEach((a,i)=>{const s=n.assigned.get(a)||{};Object.entries(s).forEach(([e,t])=>{a.getAttribute(e)===t&&a.removeAttribute(e)});const d=a.hasAttribute("aria-label")||a.hasAttribute("aria-labelledby"),c={},u=r.length>1?e.getAttribute(l[i])||t.getAttribute(0===i?"lower-label":"upper-label"):null;!d&&u&&(a.setAttribute("aria-label",u),c["aria-label"]=u),o.forEach(e=>{if(a.hasAttribute(e)||(d||u)&&"aria-describedby"!==e)return;const n=t.getAttribute(e);null!==n&&(a.setAttribute(e,n),c[e]=n)}),y(e)&&(a.setAttribute("aria-disabled","true"),c["aria-disabled"]="true"),n.assigned.set(a,c)});a(),n.observer=new MutationObserver(a);const s=t===e?[...o,...l]:[...o,"lower-label","upper-label"];t===e?n.observer.observe(e,{attributes:!0,attributeFilter:[...s,"disabled","class"]}):(n.observer.observe(t,{attributes:!0,attributeFilter:s}),n.observer.observe(e,{attributes:!0,attributeFilter:[...l,"disabled","class"]})),e[i]=n}function A(e){const t=p(e),n=h(e,t);v(e).forEach(r=>{if(!(r instanceof HTMLElement))return;const a=r.querySelector(":scope > .sf-range-slider-touch-area");if(!(a instanceof HTMLElement))return;a.classList.add("sf-thumb");let i=a.querySelector(":scope > .sf-range-slider-visual");i||(i=function(e="none",t="top"){const n=document.createElement("div");if(n.classList.add("sf-range-slider-visual","flex","flex-col",`sf-thumb--position-${t}`),"tooltip"===e){n.classList.add("sf-thumb--label-tooltip","items-cross-center");const e=document.createElement("div");e.className="sf-tooltip sf-tooltip--light sf-tooltip--arrow-none sf-tooltip--size-1/3 relative";const t=document.createElement("div");t.className="sf-tooltip-content flex flex-col";const r=document.createElement("div");r.className="sf-tooltip-text";const a=document.createElement("div");a.className="sf-tooltip-tail",t.append(r),e.append(t,a),n.append(e)}const r=document.createElement("div");r.className="flex";const a=document.createElement("span");a.className="sf-thumb-handle flex items-cross-center content-main-center";const i=document.createElement("div");if(i.className="sf-thumb-inner",a.append(i),r.append(a),n.append(r),"text"===e){n.classList.add("sf-thumb--label-text");const e=document.createElement("span");e.className="sf-thumb-text",n.append(e)}return n}(t,n),a.append(i)),i.classList.remove("sf-thumb--position-top","sf-thumb--position-bottom"),i.classList.add(`sf-thumb--position-${n}`),r.classList.toggle("disabled",y(e))})}function x(e){const t=p(e);if("none"===t)return;const n=h(e,t),r=e.querySelector(".sf-range-slider-base"),a=document.createElement("div");a.className=`sf-range-slider-labels sf-thumb sf-thumb--label-${t} sf-range-slider-labels--${n}`,a.setAttribute("aria-hidden","true");const i=v(e).map(e=>{const n=e.querySelector("tooltip"===t?".sf-tooltip":".sf-thumb-text"),r="tooltip"===t?n.querySelector(".sf-tooltip-text"):n;return a.append(n),{handle:e,label:n,text:r}});"top"===n?e.insertBefore(a,r):e.append(a);const o={entries:i,row:a,values:[],frame:null,active:!0},l=()=>{if(!o.active||!e.isConnected||!o.values.length)return;const t=a.getBoundingClientRect();if(!t.width)return;i.forEach(({label:e,text:t},n)=>{e.style.display="",t.textContent=o.values[n]});const n=i.map(({handle:e})=>{const n=e.getBoundingClientRect();return n.left+n.width/2-t.left}),r=i.map(({label:e})=>e.getBoundingClientRect().width),s=Number.parseFloat(getComputedStyle(a).columnGap)||0,l=function(e,t,n,r=0){const a=t.map((t,r)=>Math.max(0,Math.min(e-n[r],t-n[r]/2))),i=a.map((e,t)=>({left:e,index:t})).sort((e,t)=>e.left-t.left);return{positions:a,merged:2===i.length&&i[0].left+n[i[0].index]+r>i[1].left}}(t.width,n,r,s);if(l.merged){i[0].text.textContent=o.values.join(" – "),i[1].label.style.display="none";const e=i[0].label.getBoundingClientRect().width;i[0].label.style.left=`${Math.max(0,Math.min(t.width-e,(n[0]+n[1]-e)/2))}px`}else i.forEach(({label:e},t)=>{e.style.left=`${l.positions[t]}px`});const d=`${Math.max(...i.map(({label:e})=>e.getBoundingClientRect().height))}px`;a.style.blockSize!==d&&(a.style.blockSize=d)},d=()=>{o.active&&null===o.frame&&(o.frame=requestAnimationFrame(()=>{o.frame=null,l()}))};o.layout=l,"undefined"!=typeof ResizeObserver&&(o.observer=new ResizeObserver(d),o.observer.observe(r),i.forEach(({label:e})=>o.observer.observe(e))),document.fonts?.ready.then(d),document.fonts?.addEventListener("loadingdone",d),o.release=()=>{o.active=!1,o.observer?.disconnect(),null!==o.frame&&cancelAnimationFrame(o.frame),document.fonts?.removeEventListener("loadingdone",d),a.remove()},e[s]=o}function w(e,t=[]){const n=e[s];n&&(n.values=t.map(t=>function(e,t){const n=g(e),r=e.getAttribute("data-prefix")||"",a=e.getAttribute("data-suffix")||"",i=Number(t);return Number.isFinite(i)?`${r}${i.toFixed(n)}${a}`:`${r}${t??""}${a}`}(e,t)),n.layout())}function y(e){return e instanceof HTMLElement&&(e.hasAttribute("disabled")||e.classList.contains("disabled"))}function E(e){const{min:t,max:n}=u(e),r=b(e),a=function(e){const t=e.getAttribute("data-start")||e.getAttribute("data-value")||"0",n=String(t).split(","),{min:r,max:a}=u(e);return n.length>1&&b(e)?[m(n[0].trim(),r,a,r),m(n[1].trim(),r,a,a)].sort((e,t)=>e-t):[m(n[0].trim(),r,a,r)]}(e),i=r?[a[0]??t,a[1]??n]:[a[0]??t];return{start:(r?2:1)>1?i:[i[0]],direction:"rtl"===getComputedStyle(e).direction?"rtl":"ltr",ariaFormat:{to:t=>`${e.getAttribute("data-prefix")||""}${t}${e.getAttribute("data-suffix")||""}`},connect:f(e,r),step:e.hasAttribute("data-step")&&c(e.getAttribute("data-step"),0)>0?c(e.getAttribute("data-step"),1):void 0,margin:r&&e.hasAttribute("data-margin")&&c(e.getAttribute("data-margin"),0)>0?Math.min(n-t,c(e.getAttribute("data-margin"),0)):void 0,range:{min:t,max:n},keyboardSupport:!e.hasAttribute("data-keyboard")||d(e.getAttribute("data-keyboard"),!0),cssPrefix:"",cssClasses:{target:"sf-range-slider-target",base:"sf-range-slider-base",origin:"sf-range-slider-origin",handle:"sf-range-slider-handle",handleLower:"sf-range-slider-handle-lower",handleUpper:"sf-range-slider-handle-upper",touchArea:"sf-range-slider-touch-area",horizontal:"sf-range-slider-horizontal",vertical:"sf-range-slider-vertical",background:"sf-range-slider-background",connects:"sf-range-slider-progress",connect:"sf-range-slider-progress-line",ltr:"sf-range-slider-ltr",rtl:"sf-range-slider-rtl",textDirectionLtr:"sf-range-slider-txt-dir-ltr",textDirectionRtl:"sf-range-slider-txt-dir-rtl",draggable:"sf-range-slider-draggable",drag:"sf-range-slider-state-drag",tap:"sf-range-slider-state-tap",active:"active",tooltip:"sf-range-slider-tooltip",pips:"sf-range-slider-pips",pipsHorizontal:"sf-range-slider-pips-horizontal",pipsVertical:"sf-range-slider-pips-vertical",marker:"sf-range-slider-marker",markerHorizontal:"sf-range-slider-marker-horizontal",markerVertical:"sf-range-slider-marker-vertical",markerNormal:"sf-range-slider-marker-normal",markerLarge:"sf-range-slider-marker-large",markerSub:"sf-range-slider-marker-sub",value:"sf-range-slider-value",valueHorizontal:"sf-range-slider-value-horizontal",valueVertical:"sf-range-slider-value-vertical",valueNormal:"sf-range-slider-value-normal",valueLarge:"sf-range-slider-value-large",valueSub:"sf-range-slider-value-sub"}}}function L(e=[]){return(Array.isArray(e)?e:[e]).map(Number)}function M(e,t,n=[],r={},a=`sf-range-slider-${t}`){const i=L(n),s=b(e)?i.slice(0,2):i.slice(0,1),o=b(e)?s:s[0];e.dataset.value=Array.isArray(o)?o.join(","):String(o??""),e.dispatchEvent(new CustomEvent(a,{bubbles:!0,composed:!0,detail:{component:e,values:s,value:o,handleCount:s.length,...r}}))}function k(r,i){if(!(r instanceof HTMLElement)||"true"===r.dataset[a])return r?._sfRangeSliderInstance&&i instanceof HTMLElement&&S(r,i),r?._sfRangeSliderInstance||null;const s=E(r),o=function(r,a){const i=a.cssClasses,s=a.range,o=Number(a.margin||0),l=Number(a.step||1),d=new Map;let c=!1,u=t(a.start).map(t=>e(t,s.min,s.max));r.classList.add(i.target,i.horizontal,"rtl"===a.direction?i.textDirectionRtl:i.textDirectionLtr),r.replaceChildren();const m=n("div",i.base),f=n("div","sf-range-slider-track"),g=n("div",i.connects),b=n("div",i.connect);g.append(b),m.append(f,g),r.append(m);const p=u.map((e,t)=>{const r=n("div",i.origin),s=n("div",`${i.handle} ${0===t?i.handleLower:i.handleUpper}`),o=n("div",i.touchArea);return s.setAttribute("role","slider"),s.tabIndex=!1===a.keyboardSupport?-1:0,s.append(o),r.append(s),m.append(r),{handle:s,origin:r}}),h=(e,t=0)=>{const n=u.map(String);for(const r of d.get(e)||[])r(n,t,[...u])},v=e=>({min:e>0?u[e-1]+o:s.min,max:e<u.length-1?u[e+1]-o:s.max}),S=(t,n)=>{const r=v(n);return e(s.min+Math.round((Number(t)-s.min)/l)*l,r.min,r.max)},A=()=>{const e=s.max-s.min,t=u.map(t=>e?(t-s.min)/e*100:0);p.forEach(({handle:e,origin:n},r)=>{n.style.insetInlineStart=`${t[r]}%`,e.setAttribute("aria-valuenow",String(u[r])),e.setAttribute("aria-valuemin",String(v(r).min)),e.setAttribute("aria-valuemax",String(v(r).max)),e.setAttribute("aria-valuetext",a.ariaFormat?.to?.(u[r])||String(u[r]))});const n=u.length>1||"upper"===a.connect?t[0]:0,r=u.length>1?t[1]:!1===a.connect?t[0]:"upper"===a.connect?100:t[0],i=!1===a.connect;b.style.insetInlineStart=`${i?0:Math.min(n,r)}%`,b.style.inlineSize=`${i?0:Math.abs(r-n)}%`},x=(e,t,n=!1)=>{u[e]=S(t,e),A(),h("update",e),n&&h("set",e)},w=t=>{const n=m.getBoundingClientRect();if(!n.width)return s.min;let r=e((t.clientX-n.left)/n.width,0,1);return"rtl"===a.direction&&(r=1-r),s.min+r*(s.max-s.min)},y=e=>{if(c||0!==e.button)return;const t=w(e),n=1===u.length||Math.abs(u[0]-t)<=Math.abs(u[1]-t)?0:1;e.preventDefault(),h("start",n),x(n,t);const r=e=>x(n,w(e)),a=e=>{x(n,w(e),!0),h("end",n),window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",a)};window.addEventListener("pointermove",r),window.addEventListener("pointerup",a)};m.addEventListener("pointerdown",y),p.forEach(({handle:e},t)=>e.addEventListener("keydown",e=>{if(c||!1===a.keyboardSupport)return;const n="rtl"===a.direction?-1:1,r={ArrowRight:l*n,ArrowLeft:-l*n,ArrowUp:l,ArrowDown:-l}[e.key];let i=void 0===r?null:u[t]+r;"Home"===e.key&&(i=v(t).min),"End"===e.key&&(i=v(t).max),null!==i&&(e.preventDefault(),h("start",t),x(t,i,!0),h("end",t))}));const E={options:a,on(e,t){d.has(e)||d.set(e,new Set),d.get(e).add(t),"update"===e&&t(u.map(String),0,[...u])},get(e=!1){const t=e?[...u]:u.map(String);return 1===t.length?t[0]:t},set(e){t(e).slice(0,u.length).forEach((e,t)=>{u[t]=S(e,t)}),u=u.sort((e,t)=>e-t),A(),h("update",0),h("set",0)},disable(){c=!0,p.forEach(({handle:e})=>{e.tabIndex=-1,e.setAttribute("aria-disabled","true")})},enable(){c=!1,p.forEach(({handle:e})=>{e.tabIndex=!1===a.keyboardSupport?-1:0,e.removeAttribute("aria-disabled")})},destroy(){m.removeEventListener("pointerdown",y),r.replaceChildren(),r.classList.remove(i.target,i.horizontal,i.textDirectionLtr,i.textDirectionRtl),delete r.noUiSlider}};return r.noUiSlider=E,A(),E}(r,s);if(!o)return null;return function(e){if(!(e instanceof HTMLElement))return;let t=e.querySelector(":scope > .sf-range-slider-track");t||(t=document.createElement("div"),t.className="sf-range-slider-track",e.prepend(t))}(r.querySelector(".sf-range-slider-base")),A(r),x(r),S(r,i instanceof HTMLElement?i:r),y(r)&&o.disable(),o.on("update",(e,t,n)=>{const a=L(n),{range:i,margin:s=0}=o.options;v(r).forEach((e,t)=>{e.setAttribute("aria-valuenow",String(a[t])),e.setAttribute("aria-valuemin",String(t>0?Math.max(i.min,a[t-1]+s):i.min)),e.setAttribute("aria-valuemax",String(t<a.length-1?Math.min(i.max,a[t+1]-s):i.max))}),w(r,a),M(r,"update",a,{handle:t})}),o.on("set",(e,t,n)=>{M(r,"set",n,{handle:t}),M(r,"change",n,{handle:t}),r._sfSettingValue||M(r,"change",n,{handle:t},"change")}),o.on("start",(e,t,n)=>{M(r,"start",n,{handle:t})}),o.on("end",(e,t,n)=>{M(r,"end",n,{handle:t})}),r.dataset[a]="true",r._sfRangeSliderInstance=o,o}function N(e){if(e?.[s]?.release(),e&&delete e[s],e?.[i]?.observer.disconnect(),e&&delete e[i],!(e instanceof HTMLElement&&e.noUiSlider))return delete e?.dataset?.[a],void delete e?._sfRangeSliderInstance;e.noUiSlider.destroy(),delete e.dataset[a],delete e._sfRangeSliderInstance}function R(e){(e instanceof Element||e===document)&&(e instanceof Element&&e.matches?.(r)&&k(e),e.querySelectorAll?.(r).forEach(e=>k(e)))}function C(e=document){R(e)}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.RangeSlider=window.SF.RangeSlider||{},window.SF.RangeSlider.bind=k,window.SF.RangeSlider.unbind=N,window.SF.RangeSlider.getValue=function(e){if(!(e instanceof HTMLElement&&e.noUiSlider))return null;const t=e.noUiSlider.get(!0);return Array.isArray(t)&&1===t.length?t[0]:t},window.SF.RangeSlider.setValue=function(e,t){if(!(e instanceof HTMLElement&&e.noUiSlider))return!1;const n=b(e),r=n&&"string"==typeof t&&t.includes(",")?t.split(",").map(e=>e.trim()):!n&&Array.isArray(t)?t[0]:t;e._sfSettingValue=!0;try{e.noUiSlider.set(r)}finally{e._sfSettingValue=!1}return!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>C()):C();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&R(e)}),e.removedNodes.forEach(e=>{e instanceof Element&&!e.isConnected&&(e.matches(r)&&N(e),e.querySelectorAll(r).forEach(e=>{e.isConnected||N(e)}))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/reference-link/css/reference-link.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-reference-link{--sf-reference-link--background-color: transparent;--sf-reference-link--border-color: var(--sf-outline-variant);--sf-reference-link--gap: var(--sf-space-1);--sf-reference-link--padding-block: var(--sf-space-1);--sf-reference-link--padding-inline: var(--sf-space-1);position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;gap:var(--sf-reference-link--gap);width:100%;inline-size:100%;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;padding-top:var(--sf-reference-link--padding-block);padding-bottom:var(--sf-reference-link--padding-block);padding-block:var(--sf-reference-link--padding-block);padding-left:var(--sf-reference-link--padding-inline);padding-right:var(--sf-reference-link--padding-inline);padding-inline:var(--sf-reference-link--padding-inline);color:var(--sf-on-surface);background-color:var(--sf-reference-link--background-color);border:var(--sf-px) solid var(--sf-reference-link--border-color);border-radius:var(--sf-radius--ui)}.sf-reference-link :where(.sf-reference-link__main,.sf-reference-link-left){display:flex;flex:1 1 auto;align-items:center;gap:var(--sf-space-1\/3);gap:var(--sf-reference-link--main-gap, var(--sf-space-1\/3));min-width:var(--sf-0);min-inline-size:var(--sf-0);color:var(--sf-on-surface);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1);font-size:var(--sf-reference-link--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-medium);line-height:var(--sf-text-height-1);line-height:var(--sf-reference-link--line-height, var(--sf-text-height-1))}.sf-reference-link :where(.sf-reference-link__link,.sf-reference-link-left>a){min-width:var(--sf-0);min-inline-size:var(--sf-0);color:var(--sf-link);font:inherit;word-wrap:anywhere;text-decoration:underline;text-underline-offset:var(--sf-a3)}.sf-reference-link :where(.sf-reference-link__link,.sf-reference-link-left>a)::after{position:absolute;top:var(--sf-0);right:var(--sf-0);bottom:var(--sf-0);left:var(--sf-0);inset:var(--sf-0);content:""}.sf-reference-link :where(.sf-reference-link__icon,.sf-reference-link-left>.sf-icon){flex:none;height:var(--sf-text-height-1);block-size:var(--sf-text-height-1);height:var(--sf-text-height-1);height:var(--sf-reference-link--line-height, var(--sf-text-height-1));block-size:var(--sf-reference-link--line-height, var(--sf-text-height-1));width:var(--sf-text-height-1);inline-size:var(--sf-text-height-1);width:var(--sf-text-height-1);width:var(--sf-reference-link--line-height, var(--sf-text-height-1));inline-size:var(--sf-reference-link--line-height, var(--sf-text-height-1));color:var(--sf-primary);font-size:var(--sf-text-height-1);font-size:var(--sf-reference-link--line-height, var(--sf-text-height-1));--sf-icon--font-size: var(--sf-reference-link--line-height, var(--sf-text-height-1));--sf-icon--height: var(--sf-reference-link--line-height, var(--sf-text-height-1));--sf-icon--width: var(--sf-reference-link--line-height, var(--sf-text-height-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:right}}.sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:left}}.sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(rtl)){text-align:left}.sf-reference-link :where(.sf-reference-link__meta,.sf-reference-link-text){min-width:var(--sf-0);min-inline-size:var(--sf-0);color:var(--sf-on-surface-variant);font-family:var(--sf-text--family);font-size:var(--sf-text-size-1);font-size:var(--sf-reference-link--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);line-height:var(--sf-text-height-1);line-height:var(--sf-reference-link--line-height, var(--sf-text-height-1));word-wrap:anywhere;text-align:end}}@layer sf.components{.sf-reference-link.sf-reference-link--plain{--sf-reference-link--background-color: transparent;--sf-reference-link--padding-block: var(--sf-0);--sf-reference-link--padding-inline: var(--sf-0);width:auto;inline-size:auto;border:0}}@layer sf.states{.sf-reference-link.sf-reference-link--plain[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:hover\)]{--sf-reference-link--background-color: transparent;--sf-reference-link--border-color: transparent}.sf-reference-link.sf-reference-link--plain:has(:where(.sf-reference-link__link,.sf-reference-link-left>a):hover){--sf-reference-link--background-color: transparent;--sf-reference-link--border-color: transparent}.sf-reference-link.sf-reference-link--plain[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:active\)]{--sf-reference-link--background-color: transparent;--sf-reference-link--border-color: transparent}.sf-reference-link.sf-reference-link--plain:has(:where(.sf-reference-link__link,.sf-reference-link-left>a):active){--sf-reference-link--background-color: transparent;--sf-reference-link--border-color: transparent}.sf-reference-link:not(.sf-reference-link--plain)[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:hover\)]{--sf-reference-link--background-color: var(--sf-surface-container-hover);--sf-reference-link--border-color: var(--sf-outline-primary)}.sf-reference-link:not(.sf-reference-link--plain):has(:where(.sf-reference-link__link,.sf-reference-link-left>a):hover){--sf-reference-link--background-color: var(--sf-surface-container-hover);--sf-reference-link--border-color: var(--sf-outline-primary)}.sf-reference-link:not(.sf-reference-link--plain)[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:active\)]{--sf-reference-link--background-color: var(--sf-surface-container-active)}.sf-reference-link:not(.sf-reference-link--plain):has(:where(.sf-reference-link__link,.sf-reference-link-left>a):active){--sf-reference-link--background-color: var(--sf-surface-container-active)}.sf-reference-link :where(.sf-reference-link__link,.sf-reference-link-left>a):focus{outline:none}.sf-reference-link[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\).focus-visible\)]{outline-color:var(--sf-focus);outline-offset:var(--sf-focus--offset);outline-style:var(--sf-focus--style);outline-width:var(--sf-focus--width)}.sf-reference-link:has(:where(.sf-reference-link__link,.sf-reference-link-left>a).focus-visible){outline-color:var(--sf-focus);outline-offset:var(--sf-focus--offset);outline-style:var(--sf-focus--style);outline-width:var(--sf-focus--width)}.sf-reference-link[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:focus-visible\)]{outline-color:var(--sf-focus);outline-offset:var(--sf-focus--offset);outline-style:var(--sf-focus--style);outline-width:var(--sf-focus--width)}.sf-reference-link:has(:where(.sf-reference-link__link,.sf-reference-link-left>a):focus-visible){outline-color:var(--sf-focus);outline-offset:var(--sf-focus--offset);outline-style:var(--sf-focus--style);outline-width:var(--sf-focus--width)}.sf-reference-link.disabled{--sf-reference-link--border-color: var(--sf-outline-disable);color:var(--sf-on-disable)}.sf-reference-link[aria-disabled=true]{--sf-reference-link--border-color: var(--sf-outline-disable);color:var(--sf-on-disable)}.sf-reference-link.disabled :where(.sf-reference-link__main,.sf-reference-link-left,.sf-reference-link__meta,.sf-reference-link-text,.sf-icon){color:var(--sf-on-disable)}.sf-reference-link[aria-disabled=true] :where(.sf-reference-link__main,.sf-reference-link-left,.sf-reference-link__meta,.sf-reference-link-text,.sf-icon){color:var(--sf-on-disable)}@media(max-width: 31.999rem){.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]){align-items:flex-start;flex-direction:column}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){padding-left:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){padding-left:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}}.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(ltr)){padding-left:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}_:-ms-input-placeholder, [dir="rtl"] .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){padding-right:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){padding-right:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}}.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(rtl)){padding-right:calc(var(--sf-text-height-1) + var(--sf-space-1\/3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:left}}.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){text-align:right}}.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text):where(:dir(rtl)){text-align:right}.sf-reference-link:not([class*=sf-reference-link--size-]):not([class*=sf-reference-link--line-]) :where(.sf-reference-link__meta,.sf-reference-link-text){-webkit-padding-start:calc(var(--sf-text-height-1) + var(--sf-space-1\/3));padding-inline-start:calc(var(--sf-text-height-1) + var(--sf-space-1\/3));text-align:start}}@media(forced-colors: active){.sf-reference-link[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\).focus-visible\)]{outline-color:Highlight}.sf-reference-link:has(:where(.sf-reference-link__link,.sf-reference-link-left>a).focus-visible){outline-color:Highlight}.sf-reference-link[\:has\(\:where\(.sf-reference-link__link\,.sf-reference-link-left\%3Ea\)\:focus-visible\)]{outline-color:Highlight}.sf-reference-link:has(:where(.sf-reference-link__link,.sf-reference-link-left>a):focus-visible){outline-color:Highlight}}}@layer sf.components{.sf-reference-link.sf-reference-link--size-1\/2{--sf-reference-link--padding-block: calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px));--sf-reference-link--padding-inline: var(--sf-ui-1\/2--space-x);--sf-reference-link--gap: var(--sf-ui-1\/2--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-1\/2--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-1\/2);--sf-reference-link--line-height: var(--sf-text-height-1\/2)}.sf-reference-link.sf-reference-link--size-1{--sf-reference-link--padding-block: calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px));--sf-reference-link--padding-inline: var(--sf-ui-1--space-x);--sf-reference-link--gap: var(--sf-ui-1--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-1--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-1);--sf-reference-link--line-height: var(--sf-text-height-1)}.sf-reference-link.sf-reference-link--size-2{--sf-reference-link--padding-block: calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px));--sf-reference-link--padding-inline: var(--sf-ui-2--space-x);--sf-reference-link--gap: var(--sf-ui-2--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-2--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-2);--sf-reference-link--line-height: var(--sf-text-height-2)}}@layer sf.components{.sf-reference-link.sf-reference-link--line-1\/2{--sf-reference-link--padding-block: calc(var(--sf-px) * 0);--sf-reference-link--padding-inline: calc(var(--sf-px) * 0);--sf-reference-link--gap: var(--sf-ui-1\/2--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-1\/2--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-1\/2);--sf-reference-link--line-height: var(--sf-text-height-1\/2);border-width:0;height:var(--sf-text-height-1\/2);block-size:var(--sf-text-height-1\/2)}.sf-reference-link.sf-reference-link--line-1{--sf-reference-link--padding-block: calc(var(--sf-px) * 0);--sf-reference-link--padding-inline: calc(var(--sf-px) * 0);--sf-reference-link--gap: var(--sf-ui-1--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-1--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-1);--sf-reference-link--line-height: var(--sf-text-height-1);border-width:0;height:var(--sf-text-height-1);block-size:var(--sf-text-height-1)}.sf-reference-link.sf-reference-link--line-2{--sf-reference-link--padding-block: calc(var(--sf-px) * 0);--sf-reference-link--padding-inline: calc(var(--sf-px) * 0);--sf-reference-link--gap: var(--sf-ui-2--text-space-x);--sf-reference-link--main-gap: var(--sf-ui-2--text-space-x);--sf-reference-link--font-size: var(--sf-text-size-2);--sf-reference-link--line-height: var(--sf-text-height-2);border-width:0;height:var(--sf-text-height-2);block-size:var(--sf-text-height-2)}}

package/distr/component/scrollbar/css/scrollbar.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-scrollbar{--sf-scrollbar-hit-size: var(--sf-b6);--sf-scrollbar-rest-size: var(--sf-a2);--sf-scrollbar-active-size: var(--sf-a6);--sf-scrollbar-min-thumb-size: var(--sf-d1);--sf-scrollbar-keyboard-step: var(--sf-d0);--sf-scrollbar-thumb-color: color-mix( in srgb, var(--sf-on-surface) 34%, var(--sf-transparent) );position:relative;min-height:0;min-block-size:0;overflow:hidden}.sf-scrollbar__viewport{height:100%;block-size:100%;overflow:auto;overscroll-behavior-block:contain;overscroll-behavior-inline:auto;scrollbar-gutter:auto}.sf-scrollbar[data-mode=""]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=overlay]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=hidden]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=""]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=overlay]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=hidden]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar:not([data-mode]):not([data-sf-scrollbar]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=""]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=overlay]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=hidden]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=""]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=overlay]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=hidden]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar:not([data-mode]):not([data-sf-scrollbar]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-color:var(--sf-outline) var(--sf-transparent);scrollbar-width:auto}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-color:var(--sf-outline) var(--sf-transparent);scrollbar-width:auto}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{height:var(--sf-scroll-bg-width);block-size:var(--sf-scroll-bg-width);width:var(--sf-scroll-bg-width);inline-size:var(--sf-scroll-bg-width)}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{height:var(--sf-scroll-bg-width);block-size:var(--sf-scroll-bg-width);width:var(--sf-scroll-bg-width);inline-size:var(--sf-scroll-bg-width)}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar-track{border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-transparent);background-clip:padding-box}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar-track{border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-transparent);background-clip:padding-box}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar-thumb{min-height:var(--sf-scroll-thumb-size);min-block-size:var(--sf-scroll-thumb-size);min-width:var(--sf-scroll-thumb-size);min-inline-size:var(--sf-scroll-thumb-size);border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-outline);background-clip:padding-box}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar-thumb{min-height:var(--sf-scroll-thumb-size);min-block-size:var(--sf-scroll-thumb-size);min-width:var(--sf-scroll-thumb-size);min-inline-size:var(--sf-scroll-thumb-size);border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-outline);background-clip:padding-box}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport:hover::-webkit-scrollbar-thumb{background-color:var(--sf-on-surface-variant)}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport:hover::-webkit-scrollbar-thumb{background-color:var(--sf-on-surface-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__track{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__track{right:0}}.sf-scrollbar__track:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__track{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__track{left:0}}.sf-scrollbar__track:where(:dir(rtl)){left:0}.sf-scrollbar__track{position:absolute;z-index:1;top:0;bottom:0;inset-block:0;inset-inline-end:0;width:var(--sf-scrollbar-hit-size);inline-size:var(--sf-scrollbar-hit-size);opacity:0;pointer-events:auto;transition:opacity var(--sf-duration-fast) var(--sf-animation)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb{right:0}}.sf-scrollbar__thumb:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__thumb{left:0}}.sf-scrollbar__thumb:where(:dir(rtl)){left:0}.sf-scrollbar__thumb{position:absolute;top:0;inset-block-start:0;inset-inline-end:0;width:var(--sf-scrollbar-hit-size);inline-size:var(--sf-scrollbar-hit-size);min-height:var(--sf-scrollbar-min-thumb-size);min-block-size:var(--sf-scrollbar-min-thumb-size);padding:0;border:0;border-radius:0;background:rgba(0,0,0,0);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateY(var(--sf-scrollbar-thumb-offset, 0));transform:translateY(var(--sf-scrollbar-thumb-offset, 0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb::before{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb::before{right:0}}.sf-scrollbar__thumb::before:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb::before{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__thumb::before{left:0}}.sf-scrollbar__thumb::before:where(:dir(rtl)){left:0}.sf-scrollbar__thumb::before{position:absolute;top:0;bottom:0;inset-block:0;inset-inline-end:0;width:var(--sf-scrollbar-rest-size);inline-size:var(--sf-scrollbar-rest-size);border-radius:inherit;background:var(--sf-scrollbar-thumb-color);content:"";transition:inline-size var(--sf-duration-fast) var(--sf-animation)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb:focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar[focus-within] .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar[focus-within] .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar:focus-within .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb{cursor:-webkit-grabbing;cursor:grabbing}.sf-scrollbar[data-sf-scrollbar-overflow=false] .sf-scrollbar__track{display:none}.sf-scrollbar__thumb.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(-1*var(--sf-focus--width))}.sf-scrollbar__thumb:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(-1*var(--sf-focus--width))}.sf-scrollbar[data-axis=horizontal]:not(.does-not-exist) .sf-scrollbar__viewport{height:auto;block-size:auto;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-block:auto;overscroll-behavior-inline:contain}.sf-scrollbar[data-sf-scrollbar-axis=horizontal]:not([data-axis]) .sf-scrollbar__viewport{height:auto;block-size:auto;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-block:auto;overscroll-behavior-inline:contain}.sf-scrollbar__track--horizontal{top:auto;bottom:0;inset-block:auto 0;left:0;right:0;inset-inline:0;height:var(--sf-scrollbar-hit-size);block-size:var(--sf-scrollbar-hit-size);width:auto;inline-size:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb--horizontal{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb--horizontal{left:0}}.sf-scrollbar__thumb--horizontal:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb--horizontal{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-scrollbar__thumb--horizontal{right:0}}.sf-scrollbar__thumb--horizontal:where(:dir(rtl)){right:0}.sf-scrollbar__thumb--horizontal{top:auto;bottom:0;inset-block:auto 0;inset-inline-start:0;height:var(--sf-scrollbar-hit-size);block-size:var(--sf-scrollbar-hit-size);width:auto;inline-size:auto;min-height:0;min-block-size:0;min-width:var(--sf-scrollbar-min-thumb-size);min-inline-size:var(--sf-scrollbar-min-thumb-size);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform:translateX(var(--sf-scrollbar-thumb-offset, 0));transform:translateX(var(--sf-scrollbar-thumb-offset, 0))}.sf-scrollbar__thumb--horizontal::before{top:auto;bottom:0;inset-block:auto 0;left:0;right:0;inset-inline:0;height:var(--sf-scrollbar-rest-size);block-size:var(--sf-scrollbar-rest-size);width:auto;inline-size:auto;transition:block-size var(--sf-duration-fast) var(--sf-animation)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal:focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.scrollbar::-webkit-scrollbar{width:var(--sf-a8);inline-size:var(--sf-a8)}.scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scrollbar::-webkit-scrollbar-thumb{background:var(--sf-surface-4)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--sf-on-surface-variant)}@media(pointer: coarse){.sf-scrollbar__track,.sf-scrollbar__thumb{width:var(--sf-a8);inline-size:var(--sf-a8);pointer-events:none}.sf-scrollbar__thumb::before{width:var(--sf-a4);inline-size:var(--sf-a4)}.sf-scrollbar__thumb--horizontal::before{height:var(--sf-a4);block-size:var(--sf-a4);width:auto;inline-size:auto}}@media(prefers-reduced-motion: reduce){.sf-scrollbar__track,.sf-scrollbar__thumb::before{transition:none}}@media(forced-colors: active){.sf-scrollbar__track{display:none}.sf-scrollbar .sf-scrollbar__viewport{scrollbar-color:auto;scrollbar-width:auto !important}.sf-scrollbar .sf-scrollbar__viewport::-webkit-scrollbar{display:inline !important;display:initial !important}}}

package/distr/component/scrollbar/js/scrollbar.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const t=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),e=t.listeners,i=t.registered,s=t=>String(t??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const t of[...e])try{t()}catch{}};function o(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const i="function"==typeof e.getRootNode?e.getRootNode():null;e=i&&i!==e&&i.host?i.host:null}return null}function n(e){if(t.chosen)return t.chosen.split("-")[0];const i=o(e),r=i?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return s(r).split("-")[0]||"en"}function a(e){if(t.chosen)return t.chosen;const i=o(e);return s(i?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function l(t,e,r,o){const n=o??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(r);for(const o of(t=>{const e=s(t),i=e.split("-")[0],r=[];for(const t of[e,i,"en"])t&&!r.includes(t)&&r.push(t);return r})(a(r))){const s=n?i.get(n)?.get(o)?.[e]:void 0;if(void 0!==s)return s;const r=t?.[o]?.[e];if(void 0!==r)return r}return e}const h={current:(t=globalThis.document?.documentElement??null)=>a(t),use(e){const i=null==e?null:s(e);return i===t.chosen||(t.chosen=i,r()),t.chosen},register(t,e,o){const n=String(t??"").toLowerCase(),a=s(e);if(!n||!a)throw new TypeError("a component and a language are required");i.has(n)||i.set(n,new Map);const l=i.get(n);return null===o?l.delete(a):l.set(a,{...l.get(a)??{},...o}),r(),this},registerAll(t,e={}){for(const[i,s]of Object.entries(e))this.register(i,t,s);return this},known(t){const e=String(t??"").toLowerCase();return[...i.get(e)?.keys()??[]]},components:()=>[...i.keys()],onChange:t=>"function"!=typeof t?()=>{}:(e.add(t),()=>e.delete(t)),forget(){return i.clear(),t.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=n,window.SF.pageText=l);const c={en:{scroll:"Scroll"},ru:{scroll:"Прокрутка"}},u=".sf-scrollbar",d="sf-scrollbar__track",b="sf-scrollbar__thumb",p=new Set(["overlay","persistent"]),f=new Set(["overlay","standard","persistent","hidden"]),g=new Set(["vertical","horizontal"]),m=new WeakMap;let v=0;class w{constructor(t,e,i,s){this.root=t,this.viewport=e,this.preset=i,this.axis=s,this.idleTimer=0,this.dragging=!1,this.pointerOverTrack=!1,this.dragPointerOffset=0,this.cleanup=[],this.keyboardStep=function(t,e){const i=document.createElement("span");i.setAttribute("aria-hidden","true"),i.style.position="absolute",i.style.blockSize=`var(${e})`,i.style.pointerEvents="none",i.style.visibility="hidden",t.append(i);const s=i.offsetHeight;return i.remove(),s}(t,"--sf-scrollbar-keyboard-step");const{track:r,thumb:o}=function(t,e){const i=document.createElement("div"),s=document.createElement("button");i.className=`${d} ${d}--${e}`,s.className=`${b} ${b}--${e}`,s.type="button",s.setAttribute("role","scrollbar"),s.setAttribute("aria-orientation",e),s.setAttribute("aria-valuemin","0"),s.setAttribute("aria-valuemax","100"),s.setAttribute("aria-valuenow","0");const r=t.getAttribute("aria-labelledby"),o=t.getAttribute("aria-label");return r?s.setAttribute("aria-labelledby",r):s.setAttribute("aria-label",o||l(c,"scroll",t)),t.id||(v+=1,t.id=`sf-scrollbar-viewport-${v}`),s.setAttribute("aria-controls",t.id),i.append(s),{track:i,thumb:s}}(e,s);this.track=r,this.thumb=o,t.append(r),o.tabIndex=-1,e.hasAttribute("tabindex")||(e.tabIndex=0),e.hasAttribute("role")||!e.hasAttribute("aria-label")&&!e.hasAttribute("aria-labelledby")||e.setAttribute("role","region"),this.bind(),this.sync(),this.setIdle()}listen(t,e,i,s){t.addEventListener(e,i,s),this.cleanup.push(()=>t.removeEventListener(e,i,s))}isHorizontalRtl(){return"horizontal"===this.axis&&"rtl"===getComputedStyle(this.viewport).direction}getLogicalScrollPosition(t){if("vertical"===this.axis)return this.viewport.scrollTop;const e=this.isHorizontalRtl()?-this.viewport.scrollLeft:this.viewport.scrollLeft;return Math.min(t,Math.max(0,e))}setLogicalScrollPosition(t,e){const i=Math.min(e,Math.max(0,t));"vertical"!==this.axis?this.viewport.scrollLeft=this.isHorizontalRtl()?-i:i:this.viewport.scrollTop=i}getKeyboardStep(){return this.keyboardStep>0?this.keyboardStep:this.thumb.offsetHeight}bind(){this.listen(this.viewport,"scroll",()=>{this.sync(),this.activate()},{passive:!0}),this.listen(this.track,"pointerenter",()=>{this.pointerOverTrack=!0,this.activate()}),this.listen(this.track,"pointerleave",()=>{this.pointerOverTrack=!1,this.scheduleIdle()}),this.listen(this.track,"pointerdown",t=>{if(t.target!==this.track)return;t.preventDefault();const e=this.thumb.getBoundingClientRect(),i=("horizontal"===this.axis?t.clientX:t.clientY)<("horizontal"===this.axis?e.left:e.top)?-1:1,s="horizontal"===this.axis?this.viewport.clientWidth:this.viewport.clientHeight,r=this.getKeyboardStep(),o=Math.max(r,s-r);this.viewport.scrollBy("horizontal"===this.axis?{left:i*o}:{top:i*o}),this.activate()}),this.listen(this.thumb,"pointerdown",t=>{t.preventDefault();const e=this.thumb.getBoundingClientRect();this.dragging=!0,this.dragPointerOffset="horizontal"===this.axis?t.clientX-e.left:t.clientY-e.top,this.root.dataset.sfScrollbarDragging="true",this.thumb.setPointerCapture?.(t.pointerId),this.activate()}),this.listen(this.thumb,"pointermove",t=>{if(!this.dragging)return;const e=this.track.getBoundingClientRect(),i="horizontal"===this.axis?this.track.clientWidth:this.track.clientHeight,s="horizontal"===this.axis?this.thumb.offsetWidth:this.thumb.offsetHeight,r="horizontal"===this.axis?this.viewport.clientWidth:this.viewport.clientHeight,o="horizontal"===this.axis?this.viewport.scrollWidth:this.viewport.scrollHeight,n="horizontal"===this.axis?t.clientX:t.clientY,a="horizontal"===this.axis?e.left:e.top,l=Math.max(1,i-s),h=Math.max(0,o-r),c=n-a-this.dragPointerOffset,u=Math.min(l,Math.max(0,c)),d=this.isHorizontalRtl()?1-u/l:u/l;this.setLogicalScrollPosition(d*h,h)});const t=t=>{this.dragging&&(this.dragging=!1,this.root.dataset.sfScrollbarDragging="false",this.thumb.hasPointerCapture?.(t.pointerId)&&this.thumb.releasePointerCapture(t.pointerId),this.scheduleIdle())};this.listen(this.thumb,"pointerup",t),this.listen(this.thumb,"pointercancel",t),this.listen(this.thumb,"lostpointercapture",t),this.listen(this.thumb,"focus",()=>this.activate()),this.listen(this.thumb,"blur",()=>this.scheduleIdle()),this.listen(this.viewport,"focus",()=>this.activate()),this.listen(this.viewport,"blur",()=>this.scheduleIdle()),this.listen(this.thumb,"keydown",t=>{const e=this.getKeyboardStep(),i="horizontal"===this.axis?this.viewport.clientWidth:this.viewport.clientHeight,s=Math.max(e,i-e),r={ArrowUp:()=>this.viewport.scrollBy({top:-e}),ArrowDown:()=>this.viewport.scrollBy({top:e}),PageUp:()=>this.viewport.scrollBy({top:-s}),PageDown:()=>this.viewport.scrollBy({top:s})},o={ArrowLeft:()=>this.viewport.scrollBy({left:-e}),ArrowRight:()=>this.viewport.scrollBy({left:e}),PageUp:()=>this.viewport.scrollBy({left:-s}),PageDown:()=>this.viewport.scrollBy({left:s})},n={..."horizontal"===this.axis?o:r,Home:()=>{const t="horizontal"===this.axis?this.viewport.scrollWidth:this.viewport.scrollHeight;this.setLogicalScrollPosition(0,Math.max(0,t-i))},End:()=>{const t="horizontal"===this.axis?this.viewport.scrollWidth:this.viewport.scrollHeight,e=Math.max(0,t-i);this.setLogicalScrollPosition(e,e)}};n[t.key]&&(t.preventDefault(),n[t.key](),this.activate())}),"undefined"!=typeof ResizeObserver?(this.resizeObserver=new ResizeObserver(()=>this.sync()),this.resizeObserver.observe(this.viewport),Array.from(this.viewport.children).forEach(t=>{t instanceof HTMLElement&&this.resizeObserver.observe(t)})):this.listen(window,"resize",()=>this.sync(),{passive:!0}),"undefined"!=typeof MutationObserver&&(this.contentObserver=new MutationObserver(()=>{this.resizeObserver&&Array.from(this.viewport.children).forEach(t=>{t instanceof HTMLElement&&this.resizeObserver.observe(t)}),this.sync()}),this.contentObserver.observe(this.viewport,{attributes:!0,attributeFilter:["class","hidden","style"],characterData:!0,childList:!0,subtree:!0}))}sync(){const t="horizontal"===this.axis?this.viewport.clientWidth:this.viewport.clientHeight,e="horizontal"===this.axis?this.viewport.scrollWidth:this.viewport.scrollHeight,i=Math.max(0,e-t),s=i>1,r=s?Math.round(t*t/e):t;this.root.dataset.sfScrollbarOverflow=String(s),"horizontal"===this.axis?this.thumb.style.inlineSize=`${r}px`:this.thumb.style.blockSize=`${r}px`;const o="horizontal"===this.axis?this.thumb.offsetWidth:this.thumb.offsetHeight,n=Math.max(0,t-o),a=i?this.getLogicalScrollPosition(i)/i:0,l=Math.round(n*a)*(this.isHorizontalRtl()?-1:1);this.thumb.style.setProperty("--sf-scrollbar-thumb-offset",`${l}px`),this.thumb.setAttribute("aria-valuenow",String(Math.round(100*a))),this.thumb.disabled=!s}activate(){window.clearTimeout(this.idleTimer),this.root.dataset.sfScrollbarState="active","overlay"===this.preset&&this.scheduleIdle()}scheduleIdle(){window.clearTimeout(this.idleTimer),"persistent"===this.preset||this.dragging||this.pointerOverTrack||document.activeElement===this.thumb||(this.idleTimer=window.setTimeout(()=>this.setIdle(),900))}setIdle(){this.root.dataset.sfScrollbarState="persistent"===this.preset?"active":"idle"}destroy(){window.clearTimeout(this.idleTimer),this.resizeObserver?.disconnect(),this.contentObserver?.disconnect(),this.cleanup.forEach(t=>t()),this.track.remove(),delete this.root.dataset.sfScrollbarState,delete this.root.dataset.sfScrollbarDragging,delete this.root.dataset.sfScrollbarOverflow,delete this.root.dataset.sfScrollbarReady}}function y(t){const e=m.get(t);e&&(e.destroy(),m.delete(t))}function S(t){if(!(t instanceof HTMLElement&&t.matches(u)))return;const e=function(t){const e=String(t.getAttribute("data-mode")||t.getAttribute("data-sf-scrollbar")||"overlay").trim().toLowerCase();return f.has(e)?e:"overlay"}(t),i=function(t){const e=String(t.getAttribute("data-axis")||t.getAttribute("data-sf-scrollbar-axis")||"vertical").trim().toLowerCase();return g.has(e)?e:"vertical"}(t),s=t.getAttribute("data-mode"),r=t.getAttribute("data-sf-scrollbar"),o=String(s||r||"").trim().toLowerCase();o&&!f.has(o)&&t.setAttribute(null!==s?"data-mode":"data-sf-scrollbar",e);const n=m.get(t);if(n?.preset===e&&n?.axis===i)return;if(n&&y(t),t.dataset.sfScrollbarReady="true",!p.has(e))return;const a=t.querySelector(":scope > .sf-scrollbar__viewport");a instanceof HTMLElement&&m.set(t,new w(t,a,e,i))}function x(t=document){t instanceof HTMLElement&&t.matches(u)&&S(t),t.querySelectorAll?.(u).forEach(S)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>x(document)):x(document),"undefined"!=typeof MutationObserver&&new MutationObserver(t=>{t.forEach(t=>{"attributes"===t.type&&t.target instanceof HTMLElement&&t.target.matches(u)?S(t.target):(t.removedNodes.forEach(t=>{t instanceof HTMLElement&&(t.matches(u)&&y(t),t.querySelectorAll?.(u).forEach(y))}),t.addedNodes.forEach(t=>{t instanceof HTMLElement&&x(t)}))})}).observe(document.documentElement,{attributes:!0,attributeFilter:["data-mode","data-axis","data-sf-scrollbar","data-sf-scrollbar-axis"],childList:!0,subtree:!0}),globalThis.SF=globalThis.SF||{},globalThis.SF.Scrollbar={destroy:y,init:x}})();

package/distr/component/sf-system/js/sf-system.min.js

@@ -0,0 +1 @@
+(()=>{var e={"715d840bc035"(e,t){var o=r||window.SF,r=r||window.SF||{};window.SF=r||{},o&&Object.keys(o).forEach(e=>{window.SF[e]=o[e],r[e]=o[e]}),window.SF},"2fe7271a6f46"(){window.addEventListener("sf-loader-ready",()=>{new SF.Search({modal:"[sf-modal]",gallery:"[sf-gallery]",overbox:"[sf-overbox]"},{init:"[sf-modal]",overlay:"fixed w-full h-full top-0 right-0 bottom-0 left-0 items-cross-center content-main-center bg-surface-transparent-overlay",area:"relative w-10/12 sm:w-10/12 w-2/3 lg:w-1/2 xl:w-1/2",content:"overflow-hidden border-0 radius-surface p-2 bg-surface-1",close:{active:!0,modifier:"sf-close transition"}})})}};const t={};function o(r){const n=t[r];if(void 0!==n)return n.exports;const a=t[r]={exports:{}};return e[r](a,a.exports,o),a.exports}(()=>{"use strict";o("715d840bc035");function e(e,t){let o=t>>>0;for(let t=0;t<e.length;t+=1)o^=e.charCodeAt(t),o=Math.imul(o,16777619)>>>0;return o.toString(16).padStart(8,"0")}SF.Param=function(){};const t=function(t){const o=String(t??"");return`${e(o,2166136261)}${e(o,2654435769)}`};const r=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)};function n(e,o=function(){},r=function(){}){this.controller=null,this.updateparam=function(e){for(var t in e)this.param[t]=e[t]},this.isFunction=function(e){if("function"==typeof e)return!0;var t=Object.prototype.toString.call(e);return"[object Function]"===t||"[object GeneratorFunction]"===t},this.isString=function(e){return"string"==typeof e},this.isEmptySource=function(e,t,o="js"){for(var r=0;r<e.length;r++)switch(o){case"js":if(-1!==e[r].src.indexOf(t))return!0;break;case"css":if(-1!==e[r].href.indexOf(t))return!0;break;case"js-line":if(-1!==e[r].innerHTML.indexOf(t))return!0}return!1},this.processHTML=function(e){for(var t,o,r,n,a,i={script:/<script([^>]*)>/gi,script_end:/<\/script>/gi,script_src:/src=["\']([^"\']+)["\']/i,script_type:/type=["\']([^"\']+)["\']/i,space:/\s+/,ltrim:/^[\s\r\n]+/g,rtrim:/[\s\r\n]+$/g,style:/<link.*?(rel="stylesheet"|type="text\/css")[^>]*>/i,style_href:/href=["\']([^"\']+)["\']/i},s=[],l=[],c=[],d=i.script.lastIndex=i.script_end.lastIndex=0,f=document.querySelectorAll("script[src]"),u=document.querySelectorAll("link[href]"),h=document.querySelectorAll("script:not([src])");null!==(t=i.script.exec(e));){i.script_end.lastIndex=i.script.lastIndex;var p=i.script_end.exec(e);if(null===p)break;var m=!1;if(null!==(a=t[1].match(i.script_type))&&("text/html"!=a[1]&&"text/template"!=a[1]||(m=!0)),m)c.push([d,i.script_end.lastIndex-d]);else{c.push([d,t.index-d]);var S=this.param.scriptsRunFirst||"-1"!=t[1].indexOf("bxrunfirst");if(null!==(r=t[1].match(i.script_src)))this.isEmptySource(f,r[1].substr(0,r[1].lastIndexOf(".js")+3))||s.push({runFirst:S,isInternal:!1,JS:r[1]});else{var b=t.index+t[0].length,w=t.index;e.substr(w,p.index-w+9);var y=e.substr(b,p.index-b);this.isEmptySource(h,y,"js-line")||s.push({runFirst:S,isInternal:!0,JS:y})}}d=p.index+9,i.script.lastIndex=d}c.push([d,0===d?e.length:e.length-d]);for(var g="",v=0,x=c.length;v<x;v++)this.isString(e)&&this.isFunction(e.substr)&&(g+=e.substr(c[v][0],c[v][1]));for(;null!==(o=g.match(i.style));)null!==(n=o[0].match(i.style_href))&&o[0].indexOf('media="')<0&&(this.isEmptySource(u,n[1].substr(0,n[1].lastIndexOf(".css")+4),"css")||l.push(n[1])),g=g.replace(o[0],"");return{HTML:g,SCRIPT:s,STYLE:l}},this.isInternalScript=function(e){for(var t=0,o=0;o<e.length;o++)e[o].isInternal||t++;return t},this.loadJSDoc=e=>{for(let o=0;o<e.length;o++){const r=t(e[o].JS.trim()).substring(0,16);if(-1===SF.Loader.phpScriptsLoaded.indexOf(r)&&e[o].isInternal){const t=document.createElement("script");t.onerror=function(e){console.warn("Script failed to load:",e)},t.type="text/javascript",t.setAttribute("modalInlineScript",n.param.url),t.text=e[o].JS,document.head.append(t)}}},this.loadJS=function(e){this.lengthJS=this.isInternalScript(e);let o=[];for(var r=0;r<e.length;r++){const a=t(e[r].JS).substring(0,16);if(-1===SF.Loader.phpScriptsLoaded.indexOf(a)){if(!e[r].isInternal){let t=document.createElement("script");t.src=e[r].JS,t.setAttribute("modal-script",n.param.url),t.onerror=function(e){console.warn("Script failed to load:",e)},t.async=!0,o.push(new Promise(e=>{t.addEventListener("load",()=>{n.lengthJS--,e()})})),document.head.append(t)}}else n.lengthJS--}return o},this.loadCSS=function(e){this.lengthCSS=e.length?e.length:0;let o=[];for(let r=0;r<e.length;r++){const a=t(e[r]).substring(0,16);if(-1!==SF.Loader.phpScriptsLoaded.indexOf(a)){n.lengthCSS--;continue}let i=document.createElement("link");i.href=e[r],i.rel="stylesheet",i.type="text/css",o.push(new Promise(e=>{i.addEventListener("load",()=>{n.lengthCSS--,e()})})),document.head.append(i)}return o},this.emulateOnLoad=function(e){this.param.emulateOnload&&(SF.__internal.receive("SFAjaxLoadedResouce",window,function(){n.lengthCSS<=0&&n.lengthJS<=0&&(n.loadJSDoc(e.SCRIPT),SF.__internal.send("DOMContentLoaded",window),SF.__internal.send("load",window))}),this.lengthCSS<=0&&this.lengthJS<=0&&(this.loadJSDoc(e.SCRIPT),SF.__internal.send("DOMContentLoaded",window),SF.__internal.send("load",window)))},this.body=function(){let e;if(this.param.body.sfLoaded={frameworks:window.loadedFrameworks,assets:window.loadedSfAssets},"json"==this.param.dataType)e=JSON.stringify(this.param.body);else for(var t in e=new FormData,this.param.body)e.append(t,this.param.body[t]);return e},this.promise=function(){const e={method:this.param.method,mode:this.param.mode,cache:this.param.cache,headers:this.param.headers,redirect:this.param.redirect,referrerPolicy:this.param.referrerPolicy};"GET"!==this.param.method&&(e.body=this.body()),this.controller=new AbortController,e.signal=this.controller.signal,fetch(this.param.url,e).then(function(e){if(!e.ok)throw new Error("HTTP error! status: "+e.status);return"json"===n.param.dataType?e.json():e.text()}).then(function(e){if("json"===n.param.dataType)o(e);else{var t=n.processHTML(e);n.loadCSS(t.STYLE),o(t.HTML),n.loadJS(t.SCRIPT),n.emulateOnLoad(t)}}).catch(function(e){e&&"AbortError"!==e.name&&console.warn("SF.Ajax promise failed:",e)}).finally(function(){r(),n.controller=null})},this.async=async function(){let e={method:this.param.method,mode:this.param.mode,cache:this.param.cache,headers:this.param.headers,redirect:this.param.redirect,referrerPolicy:this.param.referrerPolicy};"GET"!==this.param.method&&(e.body=this.body()),this.controller=new AbortController,e.signal=this.controller.signal;try{var t=await fetch(this.param.url,e);if(!t.ok)throw new Error("HTTP error! status: "+t.status);let r,n;if("json"===this.param.dataType)r=await t.json(),o(r);else{r=await t.text(),n=this.processHTML(r);let e=[...this.loadCSS(n.STYLE),...this.loadJS(n.SCRIPT)];Promise.all(e).then(()=>{o(n.HTML),this.emulateOnLoad(n),this.filterHash(n)})}}catch(e){e&&"AbortError"!==e.name&&console.warn("SF.Ajax async failed:",e)}finally{r(),this.controller=null}},this.abort=function(){this.controller&&(this.controller.abort(),this.controller=null)},this.filterHash=e=>{Object.keys(e).forEach(o=>{-1!==["SCRIPT","STYLE"].indexOf(o)&&e[o].length&&e[o].forEach(e=>{const r="SCRIPT"===o?e.JS:e,n=t(r).substring(0,16);-1===SF.Loader.phpScriptsLoaded.indexOf(n)&&SF.Loader.phpScriptsLoaded.push(n)})})},this.param={url:!1,method:"GET",mode:"same-origin",cache:"no-cache",redirect:"follow",referrerPolicy:"no-referrer",body:{},dataType:"html",async:!0,scriptsRunFirst:!0,emulateOnload:!0,headers:{}};var n=this;this.lengthJS=0,this.lengthCSS=0,this.updateparam(e),"json"===this.param.dataType&&(this.param.headers["Content-Type"]="application/json"),this.param.async?this.async():this.promise()}SF.Ajax=n,n.componentName="SF.Ajax",r("SF.Ajax",n),SF.__internal.send=async function(e,t){return new Promise(o=>{let r;if(document.createEvent)r=new Event(e,{bubbles:!0,cancelable:!1});else{if(!document.createEventObject())return void o(!0);r=document.createEventObject()}t.dispatchEvent?t.dispatchEvent(r):t.fireEvent&&t.fireEvent(e,r),o(!0)})},SF.__internal.receive=function(e,t,o){window.addEventListener?t.addEventListener(e,o,!1):window.attachEvent&&t.attachEvent(e,o)};let a=[],i=!1;function s(e=function(){}){switch(document.readyState){case"loading":a.push(e);break;case"interactive":case"complete":"function"==typeof e&&e(),i=!0}}document.addEventListener("readystatechange",()=>{i||(a.forEach(s),a=[])}),SF.ready=s,SF.cloneDeep=function(e,t){for(let o in t)Object.prototype.hasOwnProperty.call(t,o)&&("object"==typeof t[o]&&null==t[o].nodeName?(e[o]||(e[o]={}),SF.cloneDeep(e[o],t[o])):e[o]=t[o]);return e},SF.topZIndex=function(){let e=0;return document.querySelectorAll("body *").forEach(t=>{const o=Number(window.getComputedStyle(t).zIndex);isNaN(o)||(e=Math.max(e,Number(o)))}),e},SF.quickkey=function(e,t){addEventListener("keydown",function(o){o.code==t&&e(o)})},SF.curpos=function(e,t=!1){if(!e)return(new DOMRect).toJSON();if(e.ownerDocument===document&&!t){const t=e.getBoundingClientRect(),o=document.documentElement,{body:r}=document;return{top:Math.round(t.top+(o.scrollTop||r.scrollTop)),left:Math.round(t.left+(o.scrollLeft||r.scrollLeft)),width:Math.round(e.offsetWidth),height:Math.round(e.offsetHeight),right:Math.round(t.right+(o.scrollLeft||r.scrollLeft)),bottom:Math.round(t.bottom+(o.scrollTop||r.scrollTop))}}let o=0,r=0;const n=e.offsetWidth,a=e.offsetHeight;let i=!0;for(;null!=e&&(i||!t||"relative"!=getComputedStyle(e).position);e=e.offsetParent)o+=e.offsetLeft,r+=e.offsetTop,i?i=!1:(o+=Text.toNumber(Dom.style(e,"border-left-width")),r+=Text.toNumber(Dom.style(e,"border-top-width")));return new DOMRect(o,r,n,a).toJSON()},SF.Search=function(e={modal:"[sf-modal]"},t){var o=this,r=!1;o.updateparam=function(e){for(let t in e)o.param[t]=e[t]},o.uParam=function(e,t){for(let o in e)t[o]=e[o];return t},o.noCloneInit=function(e,t){for(let r=0;r<o.init[t].el.length;r++)if(o.init[t].el[r]==e)return!1;return!0},o.attrParamUpdate=function(e){let t={},r="";Object.assign(t,o.param);for(let n in o.param.data)if(e.hasAttribute(o.param.data[n]))switch(r=e.getAttribute(o.param.data[n]),n){case"hide":case"close":t[n].active=!0,t[n].modifier=r||t[n].modifier;break;case"close-modifier":t.close.active=!0,t.close.modifier=r||t.close.modifier;break;case"load":t[n].active=!0;break;case"tooltip":{let a=e.getAttribute(o.param.data.overlay),i=e.getAttribute(o.param.data.area),s=e.getAttribute(o.param.data.content);t[n].active=!0,t[n].position=r||t[n].position,t[n].overlay=a||t[n].overlay,t[n].area=i||t[n].area,t[n].content=s||t[n].content;break}case"pointer":t[n].active="false"!==r,"true"!==r&&"false"!==r&&!0!==r&&r&&(t[n].modifier=r||t[n].modifier);break;default:t[n]=r||!0}else t[n]=o.param[n];return t},o.collection=function(e,t,r){let n={};if(e.has(t)&&""!=t)n=e.get(t),n.elements.push(r),e.set(t,n),n.container.append(n.item(r));else{if(!SF.Gallery)return;n=new SF.Gallery(r.e,[r],o.attrParamUpdate(r.e)),n.elements=[r],e.set(t,n)}},o.commonInit=function(e,t){switch(t){case"modal":o.init.modal.el.push(e),SF&&SF.Modal&&new SF.Modal(e,o.attrParamUpdate(e));break;case"gallery":{let r=o.eSearch[t].replace(/[\[\]]/g,""),n=e.getAttribute(r),a=e.getAttribute("href")?e.getAttribute("href"):e.getAttribute("src"),i=e.getAttribute("sf-mode")?e.getAttribute("sf-mode"):"image";o.init.gallery.el.push(e);let s={e,param:o.attrParamUpdate(e),src:a,mode:i,gallery:n};o.collection(o.init.gallery.map,n,s);break}case"overbox":o.init.overbox.el.push(e),SF&&SF.Overbox&&new SF.Overbox(e,o.attrParamUpdate(e))}},o.searchInit=function(){for(let e in o.eSearch){let t=document.querySelectorAll(o.eSearch[e]);t&&t.forEach(t=>{o.noCloneInit(t,e)&&o.commonInit(t,e)})}r=!0},o.search=function(){let e=new MutationObserver(function(e){e.map(function(e){if(r)for(let t in o.eSearch){e.target.matches(o.eSearch[t])&&o.noCloneInit(e.target,t)&&o.commonInit(e.target,t);let r=e.target.querySelectorAll(o.eSearch[t]);if(r.length>0)for(let e=0;e<r.length;e++)o.noCloneInit(r[e],t)&&o.commonInit(r[e],t)}})});e.observe(document,{childList:!0,subtree:!0,attributeFilter:["sf-modal","sf-gallery","sf-overbox"]})},o.init={modal:{el:[]},gallery:{el:[],map:new Map},overbox:{el:[]}},o.eSearch={modal:"[sf-modal]",gallery:"[sf-gallery]",overbox:"[sf-overbox]"},o.param={loadtimeout:"1000",width:"auto",height:"auto",name:!1,src:!1,iframe:!1,blur:!1,autoload:!1,unclose:!1,action:"click",mode:"ajax",init:"[sf-modal]",service:'[data-name*="sf-service-bottom-area"]',page:'[data-name*="sf-pagewrap-area"]',container:".sf-modal-container",overlay:"sf-modal-overlay fixed w-full h-full top-0 inline-end-0 bottom-0 inline-start-0 items-cross-center content-main-center bg-surface-transparent-overlay","overlay-close":!1,area:"sf-modal-area relative w-10/12 sm:w-10/12 w-2/3 lg:w-1/2 xl:w-1/2",content:"sf-modal-content overflow-auto border-0 bg-surface-1 p-6",html:!1,beforeCreateWindow:function(){},beforeContentUpload:function(){},afterContentUpload:function(){},beforeOpenWindow:function(){},afterOpenWindow:function(){},beforeHideWindow:function(){},beforeShowWindow:function(){},beforeCloseWindow:function(){},tooltip:{active:!1,position:"bottom",overlay:"absolute flex-col items-cross-start",area:"w-full overflow-auto p-4 elevation-3 border-1 radius-3 border-gray-3",content:"w-full"},load:{active:!0,html:'<div class="sf-progress"><div class="sf-progress-animation"></div></div>'},pointer:{active:!1,html:""},close:{active:!0,modifier:"sf-close transition"},hide:{active:!1,modifier:"cursor-pointer absolute top-b6 inline-end-d0 w-b6 h-b6 z-1 opacity-4 transition border-0 bg-transparent before:content-empty before:absolute before:inline-start-0 before:h-a2 before:w-full before:bg-gray-9"},event:{beforeCreateWindow:"SFModalBeforeCreateWindow",beforeContentUpload:"SFModalBeforeContentUpload",afterContentUpload:"SFModalAfterContentUpload",beforeOpenWindow:"SFModalBeforeOpenWindow",afterOpenWindow:"SFModalAfterOpenWindow",beforeHideWindow:"SFModalBeforeHideWindow",beforeShowWindow:"SFModalBeforeShowWindow",beforeCloseWindow:"SFModalBeforeCloseWindow",animationLoadHidden:"SFModalAnimationLoadHidden",animationLoadShow:"SFModalAnimationLoadShow"},data:{action:"sf-action",pointer:"sf-pointer",width:"sf-width",height:"sf-height",name:"sf-name",src:"sf-src",overlay:"sf-overlay-modifier","overlay-close":"sf-overlay-close",area:"sf-modal-modifier",content:"sf-content-modifier",close:"sf-close","close-modifier":"sf-close-modifier",hide:"sf-hide","hide-modifier":"sf-hide-modifier",blur:"sf-blur",autoload:"sf-autoload",unclose:"sf-unclose",tooltip:"sf-tooltip",overbox:"sf-overbox",mode:"sf-mode",iframe:"sf-iframe"}},SF.cloneDeep(o.param,t),Object.assign(e,o.eSearch),Object.freeze(o.param),Object.freeze(o.eSearch),document&&(o.search(),document.addEventListener("DOMContentLoaded",()=>{r=!0}),document.addEventListener("load",()=>{r=!0}),o.searchInit())};o("2fe7271a6f46")})()})();

package/distr/component/skeleton/css/skeleton.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-skeleton{--sf-skeleton-base: var(--sf-ui-skeleton);--sf-skeleton-highlight: var(--sf-surface-container-active);--sf-skeleton-duration: calc(var(--sf-duration-slow) * 3);display:flex;flex-direction:column;gap:0}.sf-skeleton-text{position:relative;overflow:hidden;background:var(--sf-skeleton-base);border-radius:var(--sf-radius--ui);height:var(--sf-skeleton-text--height);block-size:var(--sf-skeleton-text--height);flex:none}.sf-skeleton-text:not(.sf-skeleton-circle):not(.sf-skeleton-square):not(.sf-skeleton-rounded):not(.sf-skeleton-icon):not([style*=block-size]){margin-top:calc((var(--sf-skeleton-text--height) - var(--sf-skeleton-text--height))/2);margin-bottom:calc((var(--sf-skeleton-text--height) - var(--sf-skeleton-text--height))/2);margin-block:calc((var(--sf-skeleton-text--height) - var(--sf-skeleton-text--height))/2);margin-top:calc((var(--sf-skeleton-text--height) - var(--sf-skeleton-text--height))/2);margin-top:calc((var(--sf-skeleton-text--line, var(--sf-skeleton-text--height)) - var(--sf-skeleton-text--height))/2);margin-bottom:calc((var(--sf-skeleton-text--height) - var(--sf-skeleton-text--height))/2);margin-bottom:calc((var(--sf-skeleton-text--line, var(--sf-skeleton-text--height)) - var(--sf-skeleton-text--height))/2);margin-block:calc((var(--sf-skeleton-text--line, var(--sf-skeleton-text--height)) - var(--sf-skeleton-text--height))/2)}.sf-skeleton--animation-pulse .sf-skeleton-text{-webkit-animation:sf-skeleton-pulse var(--sf-skeleton-duration) var(--sf-animation) infinite;animation:sf-skeleton-pulse var(--sf-skeleton-duration) var(--sf-animation) infinite}.sf-skeleton--animation-wave .sf-skeleton-text::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:linear-gradient(90deg, var(--sf-transparent), var(--sf-skeleton-highlight), var(--sf-transparent));-webkit-animation:sf-skeleton-wave var(--sf-skeleton-duration) var(--sf-animation) infinite;animation:sf-skeleton-wave var(--sf-skeleton-duration) var(--sf-animation) infinite}.sf-skeleton--animation-none .sf-skeleton-text,.sf-skeleton--animation-none .sf-skeleton-text::after{-webkit-animation:none;animation:none}.sf-skeleton-text--size-1{--sf-skeleton-text--height: var(--sf-text-size-1);--sf-skeleton-text--line: var(--sf-text-height-1)}.sf-skeleton-text--size-2{--sf-skeleton-text--height: var(--sf-text-size-2);--sf-skeleton-text--line: var(--sf-text-height-2)}.sf-skeleton-text--size-3{--sf-skeleton-text--height: var(--sf-text-size-3);--sf-skeleton-text--line: var(--sf-text-height-3)}.sf-skeleton-text--size-4{--sf-skeleton-text--height: var(--sf-text-size-4);--sf-skeleton-text--line: var(--sf-text-height-4)}.sf-skeleton-text--size-5{--sf-skeleton-text--height: var(--sf-text-size-5);--sf-skeleton-text--line: var(--sf-text-height-5)}.sf-skeleton-text--size-6{--sf-skeleton-text--height: var(--sf-text-size-6);--sf-skeleton-text--line: var(--sf-text-height-6)}.sf-skeleton-text--size-7{--sf-skeleton-text--height: var(--sf-text-size-7);--sf-skeleton-text--line: var(--sf-text-height-7)}.sf-skeleton-text--size-1\/2{--sf-skeleton-text--height: var(--sf-text-size-1\/2);--sf-skeleton-text--line: var(--sf-text-height-1\/2)}.sf-skeleton-text--size-1\/3{--sf-skeleton-text--height: var(--sf-text-size-1\/3);--sf-skeleton-text--line: var(--sf-text-height-1\/3)}.sf-skeleton-text--size-1\/4{--sf-skeleton-text--height: var(--sf-text-size-1\/4);--sf-skeleton-text--line: var(--sf-text-height-1\/4)}.sf-skeleton-text--size-1\/5{--sf-skeleton-text--height: var(--sf-text-size-1\/5)}.sf-skeleton-text--size-1\/6{--sf-skeleton-text--height: var(--sf-text-size-1\/6)}.sf-skeleton-text--size-1\/7{--sf-skeleton-text--height: var(--sf-text-size-1\/7)}.sf-skeleton-icon{width:var(--sf-skeleton-text--height);inline-size:var(--sf-skeleton-text--height)}.sf-skeleton-circle{border-radius:var(--sf-radius-circle)}.sf-skeleton-square{border-radius:0}.sf-skeleton-rounded{border-radius:var(--sf-radius--ui)}.sf-skeleton--animation-wave .sf-skeleton-text{overflow:hidden}@-webkit-keyframes sf-skeleton-pulse{50%{opacity:var(--sf-opacity-60)}}@keyframes sf-skeleton-pulse{50%{opacity:var(--sf-opacity-60)}}@-webkit-keyframes sf-skeleton-wave{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes sf-skeleton-wave{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.sf-skeleton--animation-pulse .sf-skeleton-text,.sf-skeleton--animation-wave .sf-skeleton-text::after{-webkit-animation:none;animation:none}}@media(forced-colors: active){.sf-skeleton-text{background:CanvasText;opacity:var(--sf-opacity-30)}.sf-skeleton--animation-wave .sf-skeleton-text::after{display:none}}}

package/distr/component/skeleton/js/skeleton.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const i=t.match(/\(([^)]+)\)/g);i&&i.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const i=this.getUtilityMap();if(!i||!i[e])return;this.extractUtilityClasses(i[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};function i(t,e=[]){return null==t||""===t?[...e]:Array.isArray(t)?t:`${t}`.replace(/^\[|\]$/g,"").split(",").map(t=>t.trim()).filter(Boolean)}function s(t){if(null==t||""===t)return"";const e=`${t}`.trim().replace(/^\[|\]$/g,"");return/^[a-g][0-9]+(?:\/[0-9]+)?$/i.test(e)?`var(--sf-${e.toLowerCase()})`:/^var\(--sf-[a-z0-9_-]+\)$/i.test(e)||/^(?:100|[0-9]{1,2}(?:\.[0-9]+)?)%$/.test(e)?e:""}function n(t,e,i){const s=`${t??""}`;return e.includes(s)?s:i}e("Skeleton",class extends t{static componentName="Skeleton";constructor(t){super(t);const{size:e="1",width:r="100%",height:a=null,count:l=1,animation:o="pulse",variant:c="text",type:h=null,items:u=null}=this.params||{},d=this.attrs.class||this.attrs.className,f=n(e,["1/7","1/6","1/5","1/4","1/3","1/2","1","2","3","4","5","6","7"],"1"),m=n(o,["pulse","wave","none"],"pulse"),p=n(c,["text","circle","square","rounded"],"text"),y="icon"===h?"icon":null,w=i(r,["100%"]),$=i(a),E=function(t){if(!t)return[];const e=Array.isArray(t)?t:`${t}`.split("|");return e.map(t=>{if(!t)return null;const e={};return`${t}`.split(",").map(t=>t.trim()).filter(Boolean).forEach(t=>{const[i,...s]=t.split("="),n=i?.trim(),r=s.join("=").trim();n&&(e[n]=r||!0)}),e}).filter(Boolean)}(u);this.container=document.createElement("div"),this.container.classList.add("sf-skeleton","flex"),this.container.setAttribute("aria-hidden","true"),"icon"!==y&&(this.container.classList.add("flex-1"),w.length&&(this.container.style.inlineSize=s(w[0]))),m&&this.container.classList.add(`sf-skeleton--animation-${m}`),d&&this.container.classList.add(...`${d}`.split(" ").filter(Boolean));const N=Number(l),g=Number.isFinite(N)?Math.min(20,Math.max(1,Math.trunc(N))):1;for(let t=0;t<g;t++){const e=document.createElement("div");e.classList.add("sf-skeleton-text",`sf-skeleton-text--size-${f}`),"text"!==p&&e.classList.add(`sf-skeleton-${p}`),y&&e.classList.add(`sf-skeleton-${y}`);const i=w[t%w.length]||"",n=$[t%$.length]||"";"icon"!==y&&(e.style.inlineSize=s(i||"100%"),n&&(e.style.blockSize=s(n)));const r=E[t%E.length]||{},a={...this.attrs,...r};Object.entries(a||{}).filter(([t])=>/^(?:aria-[a-z0-9_-]+|data-[a-z0-9_-]+)$/i.test(t)).forEach(([t,i])=>{null!=i&&e.setAttribute(t,i)}),this.container.append(e)}this.template=this.container}})})();

package/distr/component/slider/css/slider.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(ltr)){padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(rtl)){padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(ltr)){padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-right:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(rtl)){padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-left:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{border-top-left-radius:var(--sf-slider-dots--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-slider-dots{border-top-left-radius:var(--sf-slider-dots--border-start-start-radius)}}.sf-slider-dots:where(:dir(ltr)){border-top-left-radius:var(--sf-slider-dots--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{border-top-right-radius:var(--sf-slider-dots--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-slider-dots{border-top-right-radius:var(--sf-slider-dots--border-start-start-radius)}}.sf-slider-dots:where(:dir(rtl)){border-top-right-radius:var(--sf-slider-dots--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{border-top-right-radius:var(--sf-slider-dots--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-slider-dots{border-top-right-radius:var(--sf-slider-dots--border-start-end-radius)}}.sf-slider-dots:where(:dir(ltr)){border-top-right-radius:var(--sf-slider-dots--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{border-top-left-radius:var(--sf-slider-dots--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-slider-dots{border-top-left-radius:var(--sf-slider-dots--border-start-end-radius)}}.sf-slider-dots:where(:dir(rtl)){border-top-left-radius:var(--sf-slider-dots--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{border-bottom-left-radius:var(--sf-slider-dots--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-slider-dots{border-bottom-left-radius:var(--sf-slider-dots--border-end-start-radius)}}.sf-slider-dots:where(:dir(ltr)){border-bottom-left-radius:var(--sf-slider-dots--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{border-bottom-right-radius:var(--sf-slider-dots--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-slider-dots{border-bottom-right-radius:var(--sf-slider-dots--border-end-start-radius)}}.sf-slider-dots:where(:dir(rtl)){border-bottom-right-radius:var(--sf-slider-dots--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{border-bottom-right-radius:var(--sf-slider-dots--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-slider-dots{border-bottom-right-radius:var(--sf-slider-dots--border-end-end-radius)}}.sf-slider-dots:where(:dir(ltr)){border-bottom-right-radius:var(--sf-slider-dots--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{border-bottom-left-radius:var(--sf-slider-dots--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-slider-dots{border-bottom-left-radius:var(--sf-slider-dots--border-end-end-radius)}}.sf-slider-dots:where(:dir(rtl)){border-bottom-left-radius:var(--sf-slider-dots--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(ltr)){padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(rtl)){padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-slider-dots{padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(ltr)){padding-right:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-slider-dots{padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}}.sf-slider-dots:where(:dir(rtl)){padding-left:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2)}.sf-slider-dots{--sf-slider-dots-dot--color: var(--sf-on-surface);--sf-slider-dots-dot--target-size: var(--sf-ui-1\/3--control-height);gap:max(var(--sf-slider-dots--gap),var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width) + var(--sf-space-1\/4));-webkit-padding-start:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-inline-start:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);-webkit-padding-start:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-inline-start:max(var(--sf-slider-dots--padding-inline-start, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-top:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--height))/2);padding-top:max(var(--sf-slider-dots--padding-top, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--height))/2);-webkit-padding-end:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-inline-end:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);-webkit-padding-end:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-inline-end:max(var(--sf-slider-dots--padding-inline-end, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--width))/2);padding-bottom:max(0px,(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--height))/2);padding-bottom:max(var(--sf-slider-dots--padding-bottom, 0px),(var(--sf-slider-dots-dot--target-size) - var(--sf-slider-dots-dot--height))/2);border-start-start-radius:var(--sf-slider-dots--border-start-start-radius);border-start-end-radius:var(--sf-slider-dots--border-start-end-radius);border-end-start-radius:var(--sf-slider-dots--border-end-start-radius);border-end-end-radius:var(--sf-slider-dots--border-end-end-radius);background-color:var(--sf-slider-dots--background-color);box-shadow:var(--sf-slider-dots--box-shadow);-webkit-backdrop-filter:var(--sf-slider-dots--backdrop-filter);backdrop-filter:var(--sf-slider-dots--backdrop-filter)}.sf-slider-dots--primary{--sf-slider-dots-dot--color: var(--sf-primary)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-end-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(ltr)){border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-end-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(rtl)){border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-start-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(ltr)){border-bottom-left-radius:var(--sf-slider-dots-dot--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-start-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(rtl)){border-bottom-right-radius:var(--sf-slider-dots-dot--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-top-right-radius:var(--sf-slider-dots-dot--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-top-right-radius:var(--sf-slider-dots-dot--border-start-end-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(ltr)){border-top-right-radius:var(--sf-slider-dots-dot--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-top-left-radius:var(--sf-slider-dots-dot--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-top-left-radius:var(--sf-slider-dots-dot--border-start-end-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(rtl)){border-top-left-radius:var(--sf-slider-dots-dot--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-top-left-radius:var(--sf-slider-dots-dot--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-slider-dots .sf-slider-dots-dot{border-top-left-radius:var(--sf-slider-dots-dot--border-start-start-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(ltr)){border-top-left-radius:var(--sf-slider-dots-dot--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-top-right-radius:var(--sf-slider-dots-dot--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-slider-dots .sf-slider-dots-dot{border-top-right-radius:var(--sf-slider-dots-dot--border-start-start-radius)}}.sf-slider-dots .sf-slider-dots-dot:where(:dir(rtl)){border-top-right-radius:var(--sf-slider-dots-dot--border-start-start-radius)}.sf-slider-dots .sf-slider-dots-dot{position:relative;flex-shrink:0;--sf-slider-dots-dot--background-color: transparent;--sf-slider-dots-dot--border-end-end-radius: var(--sf-radius-circle);--sf-slider-dots-dot--border-end-start-radius: var(--sf-radius-circle);--sf-slider-dots-dot--border-start-end-radius: var(--sf-radius-circle);--sf-slider-dots-dot--border-start-start-radius: var(--sf-radius-circle);background-color:var(--sf-slider-dots-dot--background-color);color:var(--sf-slider-dots-dot--color);border:var(--sf-px) solid currentColor;border:var(--sf-slider-dots-dot--stroke-width, var(--sf-px)) solid currentColor;outline:none;border-end-end-radius:var(--sf-slider-dots-dot--border-end-end-radius);border-end-start-radius:var(--sf-slider-dots-dot--border-end-start-radius);border-start-end-radius:var(--sf-slider-dots-dot--border-start-end-radius);border-start-start-radius:var(--sf-slider-dots-dot--border-start-start-radius);height:var(--sf-slider-dots-dot--height);width:var(--sf-slider-dots-dot--width)}.sf-slider-dots .sf-slider-dots-dot::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:max(100%,var(--sf-slider-dots-dot--target-size));height:max(100%,var(--sf-slider-dots-dot--target-size))}.sf-slider-dots .sf-slider-dots-dot.active{--sf-slider-dots-dot--background-color: var(--sf-slider-dots-dot--color)}.sf-slider-dots .sf-slider-dots-dot.focus-visible{outline:min(var(--sf-focus--width),var(--sf-slider-dots--gap)/2) var(--sf-focus--style) var(--sf-focus--color);outline-offset:0}.sf-slider-dots .sf-slider-dots-dot:focus-visible{outline:min(var(--sf-focus--width),var(--sf-slider-dots--gap)/2) var(--sf-focus--style) var(--sf-focus--color);outline-offset:0}@media(forced-colors: active){.sf-slider-dots .sf-slider-dots-dot{forced-color-adjust:none;color:ButtonText;border-color:ButtonText;background-color:ButtonFace}.sf-slider-dots .sf-slider-dots-dot.active{border-color:Highlight;background-color:Highlight}.sf-slider-dots .sf-slider-dots-dot.focus-visible{outline-color:Highlight}.sf-slider-dots .sf-slider-dots-dot:focus-visible{outline-color:Highlight}}.sf-slider-dots.sf-slider-dots--size-1.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--light{--sf-slider-dots--background-color: var(--sf-primary);--sf-slider-dots--padding-bottom: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-1--space-y);--sf-slider-dots--padding-top: var(--sf-ui-1--space-y)}.sf-slider-dots.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--light{--sf-slider-dots-dot--color: var(--sf-on-primary)}.sf-slider-dots.sf-slider-dots--size-1.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--dark{--sf-slider-dots--background-color: var(--sf-primary-container);--sf-slider-dots--padding-bottom: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-1--space-y);--sf-slider-dots--padding-top: var(--sf-ui-1--space-y)}.sf-slider-dots.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--dark{--sf-slider-dots-dot--color: var(--sf-on-primary-container)}.sf-slider-dots.sf-slider-dots--size-1.sf-slider-dots--clear.sf-slider-dots--framed.sf-slider-dots--dark{--sf-slider-dots--backdrop-filter: var(--sf-ui-blur-medium);--sf-slider-dots--background-color: var(--sf-surface-inverse);--sf-slider-dots--box-shadow: var(--sf-blur-medium);--sf-slider-dots--padding-bottom: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-1--space-y);--sf-slider-dots--padding-top: var(--sf-ui-1--space-y)}.sf-slider-dots.sf-slider-dots--clear.sf-slider-dots--dark{--sf-slider-dots-dot--color: var(--sf-on-surface-inverse)}.sf-slider-dots.sf-slider-dots--size-1.sf-slider-dots--clear.sf-slider-dots--framed.sf-slider-dots--light{--sf-slider-dots--backdrop-filter: var(--sf-ui-blur-medium);--sf-slider-dots--background-color: var(--sf-surface-container);--sf-slider-dots--box-shadow: var(--sf-blur-medium);--sf-slider-dots--padding-bottom: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-1--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-1--space-y);--sf-slider-dots--padding-top: var(--sf-ui-1--space-y)}.sf-slider-dots.sf-slider-dots--clear.sf-slider-dots--light{--sf-slider-dots-dot--color: var(--sf-on-surface)}.sf-slider-dots.sf-slider-dots--size-2.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--light{--sf-slider-dots--background-color: var(--sf-primary);--sf-slider-dots--padding-bottom: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-2--space-y);--sf-slider-dots--padding-top: var(--sf-ui-2--space-y)}.sf-slider-dots.sf-slider-dots--size-2.sf-slider-dots--primary.sf-slider-dots--framed.sf-slider-dots--dark{--sf-slider-dots--background-color: var(--sf-primary-container);--sf-slider-dots--padding-bottom: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-2--space-y);--sf-slider-dots--padding-top: var(--sf-ui-2--space-y)}.sf-slider-dots.sf-slider-dots--size-2.sf-slider-dots--clear.sf-slider-dots--framed.sf-slider-dots--dark{--sf-slider-dots--backdrop-filter: var(--sf-ui-blur-medium);--sf-slider-dots--background-color: var(--sf-surface-inverse);--sf-slider-dots--box-shadow: var(--sf-blur-medium);--sf-slider-dots--padding-bottom: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-2--space-y);--sf-slider-dots--padding-top: var(--sf-ui-2--space-y)}.sf-slider-dots.sf-slider-dots--size-2.sf-slider-dots--clear.sf-slider-dots--framed.sf-slider-dots--light{--sf-slider-dots--backdrop-filter: var(--sf-ui-blur-medium);--sf-slider-dots--background-color: var(--sf-surface-container);--sf-slider-dots--box-shadow: var(--sf-blur-medium);--sf-slider-dots--padding-bottom: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-end: var(--sf-ui-2--space-y);--sf-slider-dots--padding-inline-start: var(--sf-ui-2--space-y);--sf-slider-dots--padding-top: var(--sf-ui-2--space-y)}.sf-slider-dots--size-1{--sf-slider-dots--gap: var(--sf-space-1\/2);--sf-slider-dots-dot--height: var(--sf-a8);--sf-slider-dots-dot--width: var(--sf-a8)}.sf-slider-dots--size-2{--sf-slider-dots--gap: var(--sf-space-1);--sf-slider-dots-dot--height: var(--sf-b2);--sf-slider-dots-dot--width: var(--sf-b2)}.sf-slider-dots--framed{--sf-slider-dots--border-end-end-radius: var(--sf-radius-3);--sf-slider-dots--border-end-start-radius: var(--sf-radius-3);--sf-slider-dots--border-start-end-radius: var(--sf-radius-3);--sf-slider-dots--border-start-start-radius: var(--sf-radius-3)}}@layer sf.components{.sf-slider-arrows{background-color:transparent;background-color:var(--sf-slider-arrows--background-color, transparent);box-shadow:var(--sf-slider-arrows--box-shadow);-webkit-backdrop-filter:var(--sf-slider-arrows--backdrop-filter);backdrop-filter:var(--sf-slider-arrows--backdrop-filter)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-arrows .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-slider-arrows .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-arrows .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-slider-arrows .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-arrows .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-slider-arrows .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-slider-arrows .sf-icon-button{border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-slider-arrows .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-slider-arrows .sf-icon-button{border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}}.sf-slider-arrows .sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--border-start-start-radius)}.sf-slider-arrows .sf-icon-button{--sf-icon-button--border-end-end-radius: var(--sf-radius-rounded);--sf-icon-button--border-end-start-radius: var(--sf-radius-rounded);--sf-icon-button--border-start-end-radius: var(--sf-radius-rounded);--sf-icon-button--border-start-start-radius: var(--sf-radius-rounded);background-color:var(--sf-icon-button--background-color);border-end-end-radius:var(--sf-icon-button--border-end-end-radius);border-end-start-radius:var(--sf-icon-button--border-end-start-radius);border-start-end-radius:var(--sf-icon-button--border-start-end-radius);border-start-start-radius:var(--sf-icon-button--border-start-start-radius)}.sf-slider-arrows.sf-slider-arrows--light .sf-icon-button.sf-icon-button--link.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-surface-0)}.sf-slider-arrows--light,.sf-slider-arrows--dark{--sf-slider-arrows--backdrop-filter: var(--sf-ui-blur-medium);--sf-slider-arrows--box-shadow: var(--sf-blur-medium)}}@layer sf.components{.sf-slider{--sf-slider--duration: var(--sf-duration-normal);--sf-slider--space-between: var(--sf-space-1);--sf-slider-thumbnails--space-between: var(--sf-space-1\/2);display:flex;flex-direction:column;gap:var(--sf-space-1);gap:var(--sf-slider--gap, var(--sf-space-1));min-width:0;position:relative;width:100%}.sf-slider .sf-slider-main.swiper,.sf-slider .swiper{display:block;min-width:0;overflow:hidden;position:relative;width:100%}.sf-slider .sf-slider-thumbnails.swiper{margin-left:auto;margin-right:auto;margin-inline:auto;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;contain:none}.sf-slider .swiper-wrapper{box-sizing:border-box;display:flex}.sf-slider .sf-slider-thumbnails .swiper-wrapper{align-items:center;justify-content:center}.sf-slider .swiper-slide{display:block;flex-shrink:0;min-width:0;width:100%}.sf-slider .sf-slider-slide{width:100%;width:var(--sf-slider-slide--width, 100%);height:100%;height:var(--sf-slider-slide--height, 100%);display:block;min-height:var(--sf-f2);min-height:var(--sf-slider-slide--min-height, var(--sf-f2))}.sf-slider .sf-slider-slide img{width:100%;width:var(--sf-slider-slide-img--width, 100%);height:100%;height:var(--sf-slider-slide-img--height, 100%);-o-object-fit:cover;object-fit:cover;-o-object-fit:var(--sf-slider-slide-img--object-fit, cover);object-fit:var(--sf-slider-slide-img--object-fit, cover)}.sf-slider .sf-slider-thumbnail{height:var(--sf-d2);block-size:var(--sf-d2);height:var(--sf-d2);height:var(--sf-slider-thumbnail--block-size, var(--sf-d2));block-size:var(--sf-slider-thumbnail--block-size, var(--sf-d2));border-radius:var(--sf-radius-square);border-radius:var(--sf-slider-thumbnail--border-radius, var(--sf-radius-square));display:block;width:var(--sf-d2);inline-size:var(--sf-d2);width:var(--sf-d2);width:var(--sf-slider-thumbnail--inline-size, var(--sf-d2));inline-size:var(--sf-slider-thumbnail--inline-size, var(--sf-d2));min-height:0;overflow:hidden}.sf-slider .sf-slider-thumbnail>img,.sf-slider .sf-slider-thumbnail img{height:100%;block-size:100%;display:block;width:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.sf-slider .sf-slider-controls{top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;position:absolute;z-index:2}.sf-slider .sf-slider-controls .sf-slider-arrows{top:50%;inset-block-start:50%;left:0;right:0;inset-inline:0;pointer-events:none;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sf-slider .sf-slider-controls .sf-slider-arrows .sf-icon-button{top:50%;inset-block-start:50%;pointer-events:auto;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-button-prev{left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-button-prev{left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}}.sf-slider .sf-slider-controls .sf-slider-button-prev:where(:dir(ltr)){left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-button-prev{right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-button-prev{right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}}.sf-slider .sf-slider-controls .sf-slider-button-prev:where(:dir(rtl)){right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}.sf-slider .sf-slider-controls .sf-slider-button-prev{inset-inline-start:var(--sf-space-1);inset-inline-start:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-button-next{right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-button-next{right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}}.sf-slider .sf-slider-controls .sf-slider-button-next:where(:dir(ltr)){right:var(--sf-space-1);right:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-button-next{left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-button-next{left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}}.sf-slider .sf-slider-controls .sf-slider-button-next:where(:dir(rtl)){left:var(--sf-space-1);left:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}.sf-slider .sf-slider-controls .sf-slider-button-next{inset-inline-end:var(--sf-space-1);inset-inline-end:var(--sf-slider-arrow-offset-inline, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-dots,html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-pagination{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-dots,html:not([dir="rtl"]) .sf-slider .sf-slider-controls .sf-slider-pagination{left:50%}}.sf-slider .sf-slider-controls .sf-slider-dots:where(:dir(ltr)),.sf-slider .sf-slider-controls .sf-slider-pagination:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-dots,[dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-pagination{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-dots,[dir="rtl"] .sf-slider .sf-slider-controls .sf-slider-pagination{right:50%}}.sf-slider .sf-slider-controls .sf-slider-dots:where(:dir(rtl)),.sf-slider .sf-slider-controls .sf-slider-pagination:where(:dir(rtl)){right:50%}.sf-slider .sf-slider-controls .sf-slider-dots,.sf-slider .sf-slider-controls .sf-slider-pagination{bottom:var(--sf-space-1);inset-block-end:var(--sf-space-1);bottom:var(--sf-space-1);bottom:var(--sf-slider-dots-offset-block, var(--sf-space-1));inset-block-end:var(--sf-slider-dots-offset-block, var(--sf-space-1));inset-inline-start:50%;pointer-events:auto;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sf-slider .sf-slider-dots.swiper-pagination-lock,.sf-slider .sf-slider-arrows .sf-icon-button.swiper-button-lock{display:none}.sf-slider--content .sf-slider-slide{height:auto;height:var(--sf-slider-slide--height, auto);min-height:0;min-height:var(--sf-slider-slide--min-height, 0)}.sf-slider--content .sf-slider-controls{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sf-space-1);gap:var(--sf-slider--gap, var(--sf-space-1))}.sf-slider--content .sf-slider-controls .sf-slider-arrows{display:flex;align-items:center;gap:var(--sf-space-1)}.sf-slider--content .sf-slider-controls .sf-slider-arrows,.sf-slider--content .sf-slider-controls .sf-slider-arrows .sf-icon-button,.sf-slider--content .sf-slider-controls .sf-slider-dots,.sf-slider--content .sf-slider-controls .sf-slider-pagination{position:static;-webkit-transform:none;transform:none}.sf-slider .sf-slider-arrows .sf-icon-button.swiper-button-disabled{opacity:.4;pointer-events:none}.sf-slider .sf-slider-thumbnails .swiper-slide{cursor:pointer;flex:0 0 auto;flex-basis:auto !important;opacity:0.72;opacity:var(--sf-slider-thumbnails-slide--opacity, 0.72);width:var(--sf-d2) !important;width:var(--sf-slider-thumbnail--inline-size, var(--sf-d2)) !important}.sf-slider .sf-slider-thumbnails .swiper-slide-thumb-active{opacity:1;opacity:var(--sf-slider-thumbnails-slide-active--opacity, 1)}}

package/distr/component/slider/js/slider.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e=".sf-slider",t="sfSliderBound",n="sfSliderWaiting",i=["a11y","autoplay","cardsEffect","coverflowEffect","creativeEffect","cubeEffect","fadeEffect","flipEffect","freeMode","grid","keyboard","mousewheel","scrollbar","thumbs","virtual"];function r(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on"].includes(String(e).toLowerCase())}function s(e,t){const n=Number.parseFloat(String(e??""));return Number.isFinite(n)?n:t}function o(e,t=1){return"auto"===String(e||"").trim().toLowerCase()?"auto":s(e,t)}function a(e,t,n=0){if(!(e instanceof HTMLElement))return n;const i=document.createElement("span");i.setAttribute("aria-hidden","true"),i.style.cssText=["position:absolute","visibility:hidden","pointer-events:none","inline-size:0",`margin-inline-start:var(${t})`].join(";"),e.append(i);const r=Number.parseFloat(getComputedStyle(i).marginInlineStart);return i.remove(),Number.isFinite(r)?r:n}function l(e,t,n=300){if(!(e instanceof HTMLElement))return n;const i=document.createElement("span");i.setAttribute("aria-hidden","true"),i.style.cssText=["position:absolute","visibility:hidden","pointer-events:none",`transition-duration:var(${t})`].join(";"),e.append(i);const r=getComputedStyle(i).transitionDuration.trim();i.remove();const s=Number.parseFloat(r);return Number.isFinite(s)?r.endsWith("ms")?s:1e3*s:n}function u(){return"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function d(e,t,n){return t?.dataset?.[n]??e?.dataset?.[n]}function c(e=""){return e?e.charAt(0).toLowerCase()+e.slice(1):""}function f(e){const t=String(e??"").trim();if(""===t)return"";if("true"===t)return!0;if("false"===t)return!1;if("null"===t)return null;if(/^-?\d+(\.\d+)?$/.test(t))return Number(t);if(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]"))try{return JSON.parse(t)}catch(e){console.warn("SF slider: invalid data-swiper-options JSON",e)}return t}function p(e){return e&&"object"==typeof e&&!Array.isArray(e)&&!(e instanceof Element)}function m(e={},t={}){const n={...e};return Object.entries(t||{}).forEach(([e,t])=>{p(t)&&p(n[e])?n[e]=m(n[e],t):n[e]=t}),n}function b(...e){return e.reduce((e,t)=>{if(!t?.dataset)return e;if(t.dataset.swiperOptions){const n=f(t.dataset.swiperOptions);p(n)&&(e=m(e,n))}return Object.entries(t.dataset).forEach(([t,n])=>{!function(e,t,n){if(!t.startsWith("swiper")||"swiperOptions"===t)return;const r=c(t.slice(6));if(!r)return;const s=i.find(e=>{const t=r.slice(e.length);return r===e||r.startsWith(e)&&/^[A-Z]/.test(t)});if(s&&r!==s){const t=c(r.slice(s.length));return void(e[s]={...p(e[s])?e[s]:{},[t]:n})}e[r]=n}(e,t,f(n))}),e},{})}function w(e,t){if(!e||!t?.slides?.length)return()=>{};const n=()=>{t.slides.forEach((t,n)=>{const i=n===e.activeIndex;t.classList.toggle("swiper-slide-thumb-active",i),i?t.setAttribute("aria-current","true"):t.removeAttribute("aria-current")})},i=t.slides.map((t,n)=>{const i=()=>e.slideTo(n);return t.addEventListener("click",i),[t,i]});return e.on?.("slideChange",n),n(),()=>{i.forEach(([e,t])=>e.removeEventListener("click",t)),e.off?.("slideChange",n)}}function h(e,t,n=1){let i={centeredSlides:r(d(e,t,"centeredSlides"),!1),loop:r(d(e,t,"loop"),!1),slidesPerView:o(d(e,t,"slidesPerView"),n),spaceBetween:s(d(e,t,"spaceBetween"),a(e,"--sf-slider--space-between",0)),speed:s(d(e,t,"speed"),l(e,"--sf-slider--duration",300)),watchSlidesProgress:!0};const c=function(e,t){if(r(d(e,t,"autoplay"),!1))return{enabled:!0,delay:s(d(e,t,"autoplayDelay"),3e3),disableOnInteraction:r(d(e,t,"autoplayDisableOnInteraction"),!0),pauseOnMouseEnter:r(d(e,t,"autoplayPauseOnMouseEnter"),!1),reverseDirection:r(d(e,t,"autoplayReverseDirection"),!1),stopOnLastSlide:r(d(e,t,"autoplayStopOnLastSlide"),!1)}}(e,t);return c&&(i.autoplay=c),i=m(i,b(e,t)),u()&&(i.speed=0,delete i.autoplay),function(e={}){return!0===e.autoplay?e.autoplay={enabled:!0}:p(e.autoplay)&&(e.autoplay={enabled:!0,...e.autoplay}),e}(i)}function S(e){const t=new Map,n=()=>{Array.from(e?.slides||[]).forEach(e=>{if(!(e instanceof HTMLElement))return;t.has(e)||t.set(e,e.hasAttribute("inert"));e.classList.contains("swiper-slide-visible")||e.classList.contains("swiper-slide-active")?t.get(e)||e.removeAttribute("inert"):e.setAttribute("inert","")})};return["init","slideChange","transitionEnd","update","resize"].forEach(t=>{e?.on?.(t,n)}),n(),()=>{["init","slideChange","transitionEnd","update","resize"].forEach(t=>{e?.off?.(t,n)}),t.forEach((e,t)=>{t.isConnected&&(e?t.setAttribute("inert",""):t.removeAttribute("inert"))})}}function y(e,t){if(!t?.autoplay||u())return()=>{};const n=new Set;let i=!1;const r=e=>{n.add(e),t.autoplay.running&&(i=!0,t.autoplay.stop())},s=r=>{n.delete(r),i&&!n.size&&e.isConnected&&(i=!1,t.autoplay.start())},o=()=>r("focus"),a=t=>{e.contains(t.relatedTarget)||s("focus")},l=()=>{document.hidden?r("visibility"):s("visibility")};return e.addEventListener("focusin",o),e.addEventListener("focusout",a),document.addEventListener("visibilitychange",l),l(),()=>{e.removeEventListener("focusin",o),e.removeEventListener("focusout",a),document.removeEventListener("visibilitychange",l)}}function v(e){const t=Array.from(e.querySelectorAll?.('sf-icon-button[root-class*="sf-slider-button-"]')||[]);return!!t.length&&t.some(e=>!e.querySelector(".sf-icon-button"))}function E(e){if("true"===e.dataset[n])return null;e.dataset[n]="true";let t=0;const i=()=>{if(document.documentElement.contains(e)){if("function"==typeof window.Swiper&&!v(e))return delete e.dataset[n],void g(e);t+=1,t<40?window.setTimeout(i,50):delete e.dataset[n]}else delete e.dataset[n]};return window.setTimeout(i,0),null}function g(e){if(!(e instanceof HTMLElement))return null;if("true"===e.dataset[t])return e._sfSlider;if("undefined"==typeof window||"function"!=typeof window.Swiper)return E(e);const n=e.querySelector(".sf-slider-main.swiper, .swiper");if(!(n instanceof HTMLElement))return null;if(v(e))return E(e);const i=e.querySelector(".sf-slider-button-prev"),r=e.querySelector(".sf-slider-button-next"),o=e.querySelector(".sf-slider-pagination"),l=e.querySelector(".sf-slider-thumbnails.swiper");let u=null;const c=(f=l,f?.querySelectorAll?.(".swiper-wrapper > .swiper-slide")?.length||0);var f;l instanceof HTMLElement&&c>0&&(u=new window.Swiper(l,{...h(e,l,Math.min(c,6)),loop:!1,centeredSlides:!1,spaceBetween:s(d(e,l,"spaceBetween"),a(e,"--sf-slider-thumbnails--space-between",0)),slidesPerView:Math.min(c,6),slideToClickedSlide:!1}));const m={...h(e,n,1)},b=function(e,t){if(e||t)return{disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",nextEl:t,prevEl:e}}(i,r),g=function(e){if(e)return{el:e,bulletActiveClass:"active",bulletClass:"sf-slider-dots-dot",bulletElement:"button",clickable:!0}}(o);b&&(m.navigation=b),g&&(m.pagination=g),u&&(m.thumbs={swiper:u});const L=function(e,t){return[[e,"prevSlideMessage"],[t,"nextSlideMessage"]].filter(([e])=>e instanceof Element).map(([e,t])=>({element:e,message:t,authored:e.getAttribute("aria-label")}))}(i,r);!function(e,t){if(!1===e.a11y)return;const n={};t.forEach(({message:e,authored:t})=>{t?.trim()&&(n[e]=t)}),e.a11y={...n,...p(e.a11y)?e.a11y:{}}}(m,L);const A=new window.Swiper(n,m);return e._sfSliderCleanup=[S(A),y(e,A),w(A,u)],e._sfSliderNavigationLabels=L.map(e=>({...e,applied:e.element.getAttribute("aria-label")})),e.dataset[t]="true",e._sfSlider=A,e._sfSliderThumbs=u,A}function L(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(e)&&g(t),t.querySelectorAll?.(e).forEach(g))}function A(e=document){L(e)}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Slider=window.SF.Slider||{},window.SF.Slider.bind=g,window.SF.Slider.refresh=function(e){if(!(e instanceof HTMLElement))return null;const t=e._sfSlider||g(e);return t?(e._sfSliderThumbs?.update?.(),t.update?.(),t.navigation?.update?.(),t.pagination?.update?.(),"number"==typeof t.activeIndex&&t.slideTo?.(t.activeIndex,0,!1),t):null},window.SF.Slider.unbind=function(e){e instanceof HTMLElement&&(e._sfSliderCleanup?.forEach(e=>e()),e._sfSlider?.destroy?.(!0,!0),e._sfSliderThumbs?.destroy?.(!0,!0),e._sfSliderNavigationLabels?.forEach(({element:e,authored:t,applied:n})=>{e.getAttribute("aria-label")===n&&(null===t?e.removeAttribute("aria-label"):e.setAttribute("aria-label",t))}),delete e._sfSliderNavigationLabels,delete e._sfSliderCleanup,delete e._sfSlider,delete e._sfSliderThumbs,delete e.dataset[t])}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>A()):A();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&L(e)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/special/css/special.min.css

@@ -0,0 +1 @@
+@layer sf.components{html.special.special-kerning-middle *{letter-spacing:calc(var(--sf-text--tracking-widest)*1.5) !important}html.special.special-kerning-big *{letter-spacing:calc(var(--sf-text--tracking-widest)*3) !important}}@layer sf.components{html.special.special-interval-15 *{line-height:1.5 !important}html.special.special-interval-20 *{line-height:2 !important}}@layer sf.components{html.special.special-img-none [data-b24-crm-button-cont],html.special.special-img-none [data-b24-crm-button-shadow],html.special.special-img-none iframe,html.special.special-img-none ymaps,html.special.special-img-none img,html.special.special-img-none svg,html.special.special-img-none video{opacity:0 !important}html.special.special-img-none iframe,html.special.special-img-none ymaps{filter:grayscale(1) !important;-webkit-filter:grayscale(1);background-color:rgba(0,0,0,0) !important}html.special.special-img-none .sf-special-white [data-b24-crm-button-cont],html.special.special-img-none .sf-special-white [data-b24-crm-button-shadow],html.special.special-img-none .sf-special-white iframe,html.special.special-img-none .sf-special-white ymaps,html.special.special-img-none .sf-special-white img,html.special.special-img-none .sf-special-white [data-bg],html.special.special-img-none .sf-special-white svg,html.special.special-img-none .sf-special-white video,html.special.special-img-none .sf-special-black .sf-special-yellow [data-b24-crm-button-cont],html.special.special-img-none .sf-special-black .sf-special-yellow [data-b24-crm-button-shadow],html.special.special-img-none .sf-special-black .sf-special-yellow iframe,html.special.special-img-none .sf-special-black .sf-special-yellow ymaps,html.special.special-img-none .sf-special-black .sf-special-yellow img,html.special.special-img-none .sf-special-black .sf-special-yellow [data-bg],html.special.special-img-none .sf-special-black .sf-special-yellow svg,html.special.special-img-none .sf-special-black .sf-special-yellow video,html.special.special-img-none .sf-special-green [data-b24-crm-button-cont],html.special.special-img-none .sf-special-green [data-b24-crm-button-shadow],html.special.special-img-none .sf-special-green iframe,html.special.special-img-none .sf-special-green ymaps,html.special.special-img-none .sf-special-green img,html.special.special-img-none .sf-special-green [data-bg],html.special.special-img-none .sf-special-green svg,html.special.special-img-none .sf-special-green video,html.special.special-img-none .sf-special-blue [data-b24-crm-button-cont],html.special.special-img-none .sf-special-blue [data-b24-crm-button-shadow],html.special.special-img-none .sf-special-blue iframe,html.special.special-img-none .sf-special-blue ymaps,html.special.special-img-none .sf-special-blue img,html.special.special-img-none .sf-special-blue [data-bg],html.special.special-img-none .sf-special-blue svg,html.special.special-img-none .sf-special-blue video{border:var(--sf-px) solid currentColor !important}html.special.special-img-black .swiper-lazy-loaded,html.special.special-img-black [data-bg],html.special.special-img-black iframe,html.special.special-img-black img,html.special.special-img-black video,html.special.special-img-black svg,html.special.special-img-black ymaps{filter:grayscale(1) !important;-webkit-filter:grayscale(1);background-color:rgba(0,0,0,0) !important;border:var(--sf-px) solid currentColor !important}}@layer sf.components{html.special.special-font-mono *:not(i){font-family:"Courier New",Courier,monospace !important}html.special.special-font-serif *:not(i){font-family:"Times New Roman",Times,serif !important}html.special.special-font-sans *:not(i){font-family:Arial,Helvetica,sans-serif !important}}@layer sf.components{html.special .sf-special-white{background-color:#fff !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-white *:not(.special-panel):not([data-bg]),html.special .sf-special-white ::after,html.special .sf-special-white ::before{background:none;background-color:inherit !important;color:inherit !important;border-color:inherit !important;box-shadow:none !important;-webkit-text-decoration-color:inherit !important;text-decoration-color:inherit !important}html.special .sf-special-white [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-white [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-white [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#fff !important;border-color:#fff !important}html.special .sf-special-white [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-white [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-white [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#fff !important;border-color:#fff !important}html.special .sf-special-white [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-white [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-white [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#fff !important;border-color:#fff !important}}@layer sf.components{html.special .sf-special-black{background-color:#000 !important;color:#fff !important;border-color:#fff !important}html.special .sf-special-black *:not(.special-panel):not([data-bg]),html.special .sf-special-black ::after,html.special .sf-special-black ::before{background:none;background-color:inherit !important;color:inherit !important;border-color:inherit !important;box-shadow:none !important;-webkit-text-decoration-color:inherit !important;text-decoration-color:inherit !important}html.special .sf-special-black [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-black [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-black [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#fff !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-black [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-black [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-black [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#fff !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-black [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-black [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-black [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#fff !important;color:#000 !important;border-color:#000 !important}}@layer sf.components{html.special .sf-special-yellow{background-color:#ff0 !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-yellow *:not(.special-panel):not([data-bg]),html.special .sf-special-yellow ::after,html.special .sf-special-yellow ::before{background:none;background-color:inherit !important;color:inherit !important;border-color:inherit !important;box-shadow:none !important;-webkit-text-decoration-color:inherit !important;text-decoration-color:inherit !important}html.special .sf-special-yellow [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-yellow [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-yellow [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#ff0 !important;border-color:#ff0 !important}html.special .sf-special-yellow [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-yellow [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-yellow [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#ff0 !important;border-color:#ff0 !important}html.special .sf-special-yellow [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-yellow [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-yellow [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#ff0 !important;border-color:#ff0 !important}}@layer sf.components{html.special .sf-special-blue{background-color:#9fd7ff !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-blue *:not(.special-panel):not([data-bg]),html.special .sf-special-blue ::after,html.special .sf-special-blue ::before{background:none;background-color:inherit !important;color:inherit !important;border-color:inherit !important;-webkit-text-decoration-color:inherit !important;text-decoration-color:inherit !important}html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important}html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover *,html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after *,html.special .sf-special-blue [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before *{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important;box-shadow:none !important}html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important}html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover *,html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after *,html.special .sf-special-blue [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before *{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important}html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important}html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover *,html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after *,html.special .sf-special-blue [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before *{background-color:#000 !important;color:#9fd7ff !important;border-color:#9fd7ff !important}}@layer sf.components{html.special .sf-special-green{background-color:#000 !important;color:#a9dd38 !important;border-color:#a9dd38 !important}html.special .sf-special-green *:not(.special-panel):not([data-bg]),html.special .sf-special-green ::after,html.special .sf-special-green ::before{background:none;background-color:inherit !important;color:inherit !important;border-color:inherit !important;box-shadow:none !important;-webkit-text-decoration-color:inherit !important;text-decoration-color:inherit !important}html.special .sf-special-green [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-green [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-green [class*="hover:bg-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#a9dd38 !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-green [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-green [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-green [class*="hover:color-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#a9dd38 !important;color:#000 !important;border-color:#000 !important}html.special .sf-special-green [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover,html.special .sf-special-green [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::after,html.special .sf-special-green [class*="hover:border-"]:not(.special-panel):not([data-bg]):hover::before{background-color:#a9dd38 !important;color:#000 !important;border-color:#000 !important}}