@simai-studio/ui 0.0.0-stage → 5.20261019.1559

package/distr/smart/radio/smart.manifest.json

@@ -0,0 +1,358 @@
+{
+  "schema_version": 2,
+  "id": "smart.radio",
+  "version": "1.0.0",
+  "title": "Radio",
+  "summary": "One radio option: a native radio input with a label, description and help text. Radios with the same name form a group in which checking one unchecks the others.",
+  "kind": "smart",
+  "reuse_mode": "both",
+  "lifecycle": "experimental",
+  "tags": [
+    "radio"
+  ],
+  "capabilities": [
+    "render",
+    "theme",
+    "responsive"
+  ],
+  "custom_element": "sf-radio",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [
+      "component.radio"
+    ],
+    "public_parts": [
+      "native-input",
+      "indicator",
+      "label",
+      "description"
+    ]
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "size": {
+        "type": "string",
+        "default": "1",
+        "description": "Radio size token.",
+        "enum": [
+          "1/2",
+          "1",
+          "2"
+        ]
+      },
+      "label": {
+        "type": "string",
+        "default": ""
+      },
+      "description": {
+        "type": "string",
+        "default": ""
+      },
+      "help": {
+        "type": "string",
+        "default": ""
+      },
+      "checked": {
+        "type": "boolean",
+        "default": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false
+      },
+      "name": {
+        "type": "string",
+        "default": ""
+      },
+      "value": {
+        "type": "string",
+        "default": ""
+      },
+      "error": {
+        "type": "boolean",
+        "default": false
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {
+    "state_owner": {
+      "const": "native_input"
+    },
+    "group_owner": {
+      "const": "native_name_and_form"
+    },
+    "reset": {
+      "const": "native_form_reset"
+    },
+    "radio_states": {
+      "type": "string",
+      "enum": [
+        "unchecked",
+        "checked",
+        "disabled",
+        "invalid"
+      ]
+    }
+  },
+  "methods": {
+    "getInputElement": {
+      "summary": "Returns the inner native input (.sf-radio-button input[type=\"radio\"]), or null before render.",
+      "arguments": [],
+      "returns": {
+        "type": [
+          "object",
+          "null"
+        ]
+      }
+    },
+    "setChecked": {
+      "summary": "Sets the checked property and state of the inner input; does not dispatch change.",
+      "arguments": [
+        {
+          "name": "nextValue",
+          "type": "boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    },
+    "setDisabled": {
+      "summary": "Sets or clears disabled on the host and the inner input.",
+      "arguments": [
+        {
+          "name": "nextValue",
+          "type": "boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    },
+    "setState": {
+      "summary": "Applies checked and disabled (checking also refreshes the rest of the named group) to the inner input and reflects them to host attributes; before render it falls back to the base setState.",
+      "arguments": [
+        {
+          "name": "nextState",
+          "type": "object",
+          "required": true
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    },
+    "onChange": {
+      "summary": "Adds a listener for the native change event that bubbles from the inner input.",
+      "arguments": [
+        {
+          "name": "handler",
+          "type": "function",
+          "required": true
+        },
+        {
+          "name": "options",
+          "type": "object|boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    },
+    "onFocus": {
+      "summary": "Adds a focusin listener on the host.",
+      "arguments": [
+        {
+          "name": "handler",
+          "type": "function",
+          "required": true
+        },
+        {
+          "name": "options",
+          "type": "object|boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    },
+    "onBlur": {
+      "summary": "Adds a focusout listener on the host.",
+      "arguments": [
+        {
+          "name": "handler",
+          "type": "function",
+          "required": true
+        },
+        {
+          "name": "options",
+          "type": "object|boolean",
+          "required": false
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    }
+  },
+  "events": {
+    "change": {
+      "summary": "The selection changed; the native event bubbles from the inner radio, which is its target. The name to bind.",
+      "payload": {
+        "type": "object"
+      },
+      "canonical": true
+    }
+  },
+  "state": {
+    "machines": {},
+    "visual_states": [
+      "default",
+      "selected",
+      "disabled",
+      "error"
+    ]
+  },
+  "persistence": {
+    "mode": "none",
+    "source_of_truth": "component",
+    "network_owner": "none",
+    "revision_field": null
+  },
+  "ownership": {
+    "source": "simai/ui-source",
+    "data": "fixture",
+    "effects": "component",
+    "forbidden_client_responsibilities": [
+      "backend access decisions",
+      "host route invention"
+    ]
+  },
+  "security": {
+    "permissions_owner": "none",
+    "untrusted_inputs": [
+      "props",
+      "children"
+    ],
+    "network_policy": "deny"
+  },
+  "accessibility": {
+    "role": "radio",
+    "accessible_name": "required",
+    "keyboard": [
+      "Tab",
+      "Arrow keys",
+      "Space"
+    ],
+    "focus": "Keep visible focus on the active control."
+  },
+  "presentation": {
+    "themes": [
+      "light",
+      "dark"
+    ],
+    "locales": [
+      "ru",
+      "en"
+    ],
+    "responsive": [
+      "desktop",
+      "mobile"
+    ],
+    "skeleton": {
+      "shape": "none",
+      "while_loading": "none"
+    }
+  },
+  "adapter": {
+    "kind": "generic",
+    "protocol": "simai.smart-studio-adapter.v1",
+    "module": null
+  },
+  "artifacts": {
+    "fixtures": [
+      "studio.fixture.json"
+    ],
+    "scenarios": [
+      "studio.scenario.json"
+    ]
+  },
+  "readiness": {
+    "level": "described",
+    "required_checks": [
+      "manifest",
+      "fixture",
+      "runtime-upgrade",
+      "scenario-smoke"
+    ]
+  },
+  "compatibility": {
+    "contract_schema": {
+      "id": "https://simai.io/contracts/smart-component-manifest.v2.schema.json",
+      "version": 2
+    },
+    "runtime_pair": {
+      "ui_revision": "094f3d549aa7921d2d7f8773972c73711dd6a72e",
+      "ui_smart_revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c"
+    },
+    "aliases": [],
+    "deprecations": [],
+    "replacement": null,
+    "migrations": []
+  },
+  "provenance": {
+    "source_repository": "simai/ui-source",
+    "source_revision": "d73527c92056a684b5f34a46ec7315e1ded9be19",
+    "source_artifacts": [
+      {
+        "path": "src/smart/radio/index.js",
+        "sha256": "b4fce0a9c1cd6f66d5f6581f579cc14e67eefed879852445aad9fae0b4411978"
+      }
+    ],
+    "generated_runtime": [
+      {
+        "repository": "simai/ui-smart",
+        "revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c",
+        "path": "smart/radio/js/radio.js",
+        "sha256": "21941680005a99649d201d608273223dcc4e457deffcaf2746d2a280aff8febe"
+      }
+    ]
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-radio for one choice in a visible group of mutually exclusive options.",
+    "do_not": [
+      "Do not use Radio for independent choices or immediate binary settings",
+      "Do not give related radios different names",
+      "Do not copy generated ui-smart code",
+      "Do not move host data or access decisions into the component"
+    ],
+    "required_reads": [
+      "inputs",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-radio></sf-radio>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

package/distr/smart/radio/studio.fixture.json

@@ -0,0 +1,15 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.radio",
+  "title": "Radio reference",
+  "summary": "Deterministic reference fixture for sf-radio.",
+  "locale": "ru",
+  "props": {
+    "label": "Основной вариант",
+    "checked": true,
+    "value": "primary"
+  },
+  "children": [],
+  "state": "default"
+}

package/distr/smart/radio/studio.scenario.json

@@ -0,0 +1,27 @@
+{
+  "schema": "simai.smart-component-scenario.v1",
+  "id": "smoke",
+  "component": "smart.radio",
+  "fixture": "reference",
+  "viewport": "desktop",
+  "actions": [
+    {
+      "type": "invoke",
+      "method": "setChecked",
+      "arguments": [
+        false
+      ]
+    }
+  ],
+  "assertions": [
+    {
+      "type": "upgraded"
+    },
+    {
+      "type": "no-console-error"
+    },
+    {
+      "type": "no-network"
+    }
+  ]
+}

package/distr/smart/radio/template/default.js

@@ -0,0 +1,66 @@
+import { html, nothing } from 'lit';
+
+export function renderRadioTemplate(context) {
+  const { size, label, description, help, checked, disabled, name, value, error } =
+    context;
+
+  const rootClasses = ['sf-radio-button', `sf-radio-button--size-${size}`, 'flex', context.rootClass];
+
+  if (error) {
+    rootClasses.push('error');
+  }
+
+  const labelContent =
+    context.component?.hasSlotContent?.('label')
+      ? context.component.getSlotContent('label')
+      : label
+        ? html`<span class="sf-radio-button-text">${label}</span>`
+        : '';
+
+  const descriptionContent =
+    context.component?.hasSlotContent?.('description')
+      ? context.component.getSlotContent('description')
+      : description
+        ? html`<span class="sf-radio-button-description">${description}</span>`
+        : '';
+
+  const helpContent =
+    context.component?.hasSlotContent?.('help')
+      ? context.component.getSlotContent('help')
+      : help
+        ? html`<i class="sf-icon" aria-hidden="true">${help}</i>`
+        : '';
+
+  const showContainer = !!(labelContent || descriptionContent || helpContent);
+
+  return html`
+    <label class=${rootClasses.filter(Boolean).join(' ')} style=${context.rootStyle || nothing}>
+      <span class="sf-radio-button-box transition flex items-cross-center content-main-center">
+        <input
+          type="radio"
+          name=${name || ''}
+          .value=${value || ''}
+          .checked=${checked}
+          ?disabled=${disabled}
+        />
+        <span class="sf-radio-button-mark" aria-hidden="true"></span>
+      </span>
+
+      ${showContainer
+        ? html`
+            <span class="sf-radio-button-container flex flex-col">
+              ${labelContent || helpContent
+                ? html`
+                    <span class="sf-radio-button-top flex">
+                      ${labelContent}
+                      ${helpContent}
+                    </span>
+                  `
+                : ''}
+              ${descriptionContent}
+            </span>
+          `
+        : ''}
+    </label>
+  `;
+}

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

@@ -0,0 +1,24 @@
+(()=>{"use strict";var e={"694cfc6b5843"(e,t,i){function r(e,t,i){return Math.min(i,Math.max(t,Number(e)))}function n(e){return(Array.isArray(e)?e:[e]).map(Number)}function a(e,t){const i=document.createElement(e);return i.className=t,i}i.d(t,{SZ:()=>C,og:()=>O,Qc:()=>U,Hq:()=>$});const s=".sf-range-slider",l="sfRangeSliderBound",o="__sfRangeSliderAccessibility",d="__sfRangeSliderLabels",u=["aria-label","aria-labelledby","aria-describedby"],c=["data-lower-label","data-upper-label"];function h(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on","disabled"].includes(String(e).toLowerCase())}function b(e,t){const i=Number.parseFloat(String(e??""));return Number.isFinite(i)?i:t}function p(e){let t=b(e.getAttribute("data-min"),0),i=b(e.getAttribute("data-max"),100);return t>i&&([t,i]=[i,t]),i>t&&Number.isFinite(i-t)?{min:t,max:i}:{min:0,max:100}}function f(e,t,i,r){const n=b(e,r);return Math.min(i,Math.max(t,n))}function m(e,t){const i=!!t||"lower";if(!e.hasAttribute("data-connect"))return i;const r=String(e.getAttribute("data-connect")??"").trim().toLowerCase();return"true"===r||"false"!==r&&("lower"===r||"upper"===r?r:i)}function g(e){const t=e.getAttribute("data-decimals");return null!==t&&""!==t?Math.min(100,Math.max(0,Math.trunc(b(t,0)))):function(e){const t=String(e??"").trim().toLowerCase();if(!t||!Number.isFinite(Number(t)))return 0;const[i,r="0"]=t.split("e"),n=i.split(".")[1]?.replace(/0+$/,"").length||0;return Math.min(100,Math.max(0,n-Number(r)))}(e.getAttribute("data-step"))}function v(e){return h(e.getAttribute("data-multiple"),!1)}function S(e){const t=String(e.getAttribute("data-label")||"none").toLowerCase();return["none","text","tooltip"].includes(t)?t:"none"}function A(e,t="none"){const i="tooltip"===t?"data-tooltip-position":"data-text-position",r=e.getAttribute(i)||e.getAttribute("data-label-position")||"",n=String(r).toLowerCase();return["top","bottom"].includes(n)?n:"text"===t?"bottom":"top"}function y(e){return Array.from(e.querySelectorAll(".sf-range-slider-handle"))}function x(e,t=e){const i=e[o]||{assigned:new WeakMap};i.observer?.disconnect();const r=y(e),n=()=>y(e).forEach((n,a)=>{const s=i.assigned.get(n)||{};Object.entries(s).forEach(([e,t])=>{n.getAttribute(e)===t&&n.removeAttribute(e)});const l=n.hasAttribute("aria-label")||n.hasAttribute("aria-labelledby"),o={},d=r.length>1?e.getAttribute(c[a])||t.getAttribute(0===a?"lower-label":"upper-label"):null;!l&&d&&(n.setAttribute("aria-label",d),o["aria-label"]=d),u.forEach(e=>{if(n.hasAttribute(e)||(l||d)&&"aria-describedby"!==e)return;const i=t.getAttribute(e);null!==i&&(n.setAttribute(e,i),o[e]=i)}),w(e)&&(n.setAttribute("aria-disabled","true"),o["aria-disabled"]="true"),i.assigned.set(n,o)});n(),i.observer=new MutationObserver(n);const a=t===e?[...u,...c]:[...u,"lower-label","upper-label"];t===e?i.observer.observe(e,{attributes:!0,attributeFilter:[...a,"disabled","class"]}):(i.observer.observe(t,{attributes:!0,attributeFilter:a}),i.observer.observe(e,{attributes:!0,attributeFilter:[...c,"disabled","class"]})),e[o]=i}function E(e){const t=S(e),i=A(e,t);y(e).forEach(r=>{if(!(r instanceof HTMLElement))return;const n=r.querySelector(":scope > .sf-range-slider-touch-area");if(!(n instanceof HTMLElement))return;n.classList.add("sf-thumb");let a=n.querySelector(":scope > .sf-range-slider-visual");a||(a=function(e="none",t="top"){const i=document.createElement("div");if(i.classList.add("sf-range-slider-visual","flex","flex-col",`sf-thumb--position-${t}`),"tooltip"===e){i.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 n=document.createElement("div");n.className="sf-tooltip-tail",t.append(r),e.append(t,n),i.append(e)}const r=document.createElement("div");r.className="flex";const n=document.createElement("span");n.className="sf-thumb-handle flex items-cross-center content-main-center";const a=document.createElement("div");if(a.className="sf-thumb-inner",n.append(a),r.append(n),i.append(r),"text"===e){i.classList.add("sf-thumb--label-text");const e=document.createElement("span");e.className="sf-thumb-text",i.append(e)}return i}(t,i),n.append(a)),a.classList.remove("sf-thumb--position-top","sf-thumb--position-bottom"),a.classList.add(`sf-thumb--position-${i}`),r.classList.toggle("disabled",w(e))})}function L(e){const t=S(e);if("none"===t)return;const i=A(e,t),r=e.querySelector(".sf-range-slider-base"),n=document.createElement("div");n.className=`sf-range-slider-labels sf-thumb sf-thumb--label-${t} sf-range-slider-labels--${i}`,n.setAttribute("aria-hidden","true");const a=y(e).map(e=>{const i=e.querySelector("tooltip"===t?".sf-tooltip":".sf-thumb-text"),r="tooltip"===t?i.querySelector(".sf-tooltip-text"):i;return n.append(i),{handle:e,label:i,text:r}});"top"===i?e.insertBefore(n,r):e.append(n);const s={entries:a,row:n,values:[],frame:null,active:!0},l=()=>{if(!s.active||!e.isConnected||!s.values.length)return;const t=n.getBoundingClientRect();if(!t.width)return;a.forEach(({label:e,text:t},i)=>{e.style.display="",t.textContent=s.values[i]});const i=a.map(({handle:e})=>{const i=e.getBoundingClientRect();return i.left+i.width/2-t.left}),r=a.map(({label:e})=>e.getBoundingClientRect().width),l=Number.parseFloat(getComputedStyle(n).columnGap)||0,o=function(e,t,i,r=0){const n=t.map((t,r)=>Math.max(0,Math.min(e-i[r],t-i[r]/2))),a=n.map((e,t)=>({left:e,index:t})).sort((e,t)=>e.left-t.left);return{positions:n,merged:2===a.length&&a[0].left+i[a[0].index]+r>a[1].left}}(t.width,i,r,l);if(o.merged){a[0].text.textContent=s.values.join(" – "),a[1].label.style.display="none";const e=a[0].label.getBoundingClientRect().width;a[0].label.style.left=`${Math.max(0,Math.min(t.width-e,(i[0]+i[1]-e)/2))}px`}else a.forEach(({label:e},t)=>{e.style.left=`${o.positions[t]}px`});const d=`${Math.max(...a.map(({label:e})=>e.getBoundingClientRect().height))}px`;n.style.blockSize!==d&&(n.style.blockSize=d)},o=()=>{s.active&&null===s.frame&&(s.frame=requestAnimationFrame(()=>{s.frame=null,l()}))};s.layout=l,"undefined"!=typeof ResizeObserver&&(s.observer=new ResizeObserver(o),s.observer.observe(r),a.forEach(({label:e})=>s.observer.observe(e))),document.fonts?.ready.then(o),document.fonts?.addEventListener("loadingdone",o),s.release=()=>{s.active=!1,s.observer?.disconnect(),null!==s.frame&&cancelAnimationFrame(s.frame),document.fonts?.removeEventListener("loadingdone",o),n.remove()},e[d]=s}function _(e,t=[]){const i=e[d];i&&(i.values=t.map(t=>function(e,t){const i=g(e),r=e.getAttribute("data-prefix")||"",n=e.getAttribute("data-suffix")||"",a=Number(t);return Number.isFinite(a)?`${r}${a.toFixed(i)}${n}`:`${r}${t??""}${n}`}(e,t)),i.layout())}function w(e){return e instanceof HTMLElement&&(e.hasAttribute("disabled")||e.classList.contains("disabled"))}function M(e){const{min:t,max:i}=p(e),r=v(e),n=function(e){const t=e.getAttribute("data-start")||e.getAttribute("data-value")||"0",i=String(t).split(","),{min:r,max:n}=p(e);return i.length>1&&v(e)?[f(i[0].trim(),r,n,r),f(i[1].trim(),r,n,n)].sort((e,t)=>e-t):[f(i[0].trim(),r,n,r)]}(e),a=r?[n[0]??t,n[1]??i]:[n[0]??t];return{start:(r?2:1)>1?a:[a[0]],direction:"rtl"===getComputedStyle(e).direction?"rtl":"ltr",ariaFormat:{to:t=>`${e.getAttribute("data-prefix")||""}${t}${e.getAttribute("data-suffix")||""}`},connect:m(e,r),step:e.hasAttribute("data-step")&&b(e.getAttribute("data-step"),0)>0?b(e.getAttribute("data-step"),1):void 0,margin:r&&e.hasAttribute("data-margin")&&b(e.getAttribute("data-margin"),0)>0?Math.min(i-t,b(e.getAttribute("data-margin"),0)):void 0,range:{min:t,max:i},keyboardSupport:!e.hasAttribute("data-keyboard")||h(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 k(e=[]){return(Array.isArray(e)?e:[e]).map(Number)}function R(e,t,i=[],r={},n=`sf-range-slider-${t}`){const a=k(i),s=v(e)?a.slice(0,2):a.slice(0,1),l=v(e)?s:s[0];e.dataset.value=Array.isArray(l)?l.join(","):String(l??""),e.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0,detail:{component:e,values:s,value:l,handleCount:s.length,...r}}))}function C(e,t){if(!(e instanceof HTMLElement)||"true"===e.dataset[l])return e?._sfRangeSliderInstance&&t instanceof HTMLElement&&x(e,t),e?._sfRangeSliderInstance||null;const i=M(e),s=function(e,t){const i=t.cssClasses,s=t.range,l=Number(t.margin||0),o=Number(t.step||1),d=new Map;let u=!1,c=n(t.start).map(e=>r(e,s.min,s.max));e.classList.add(i.target,i.horizontal,"rtl"===t.direction?i.textDirectionRtl:i.textDirectionLtr),e.replaceChildren();const h=a("div",i.base),b=a("div","sf-range-slider-track"),p=a("div",i.connects),f=a("div",i.connect);p.append(f),h.append(b,p),e.append(h);const m=c.map((e,r)=>{const n=a("div",i.origin),s=a("div",`${i.handle} ${0===r?i.handleLower:i.handleUpper}`),l=a("div",i.touchArea);return s.setAttribute("role","slider"),s.tabIndex=!1===t.keyboardSupport?-1:0,s.append(l),n.append(s),h.append(n),{handle:s,origin:n}}),g=(e,t=0)=>{const i=c.map(String);for(const r of d.get(e)||[])r(i,t,[...c])},v=e=>({min:e>0?c[e-1]+l:s.min,max:e<c.length-1?c[e+1]-l:s.max}),S=(e,t)=>{const i=v(t);return r(s.min+Math.round((Number(e)-s.min)/o)*o,i.min,i.max)},A=()=>{const e=s.max-s.min,i=c.map(t=>e?(t-s.min)/e*100:0);m.forEach(({handle:e,origin:r},n)=>{r.style.insetInlineStart=`${i[n]}%`,e.setAttribute("aria-valuenow",String(c[n])),e.setAttribute("aria-valuemin",String(v(n).min)),e.setAttribute("aria-valuemax",String(v(n).max)),e.setAttribute("aria-valuetext",t.ariaFormat?.to?.(c[n])||String(c[n]))});const r=c.length>1||"upper"===t.connect?i[0]:0,n=c.length>1?i[1]:!1===t.connect?i[0]:"upper"===t.connect?100:i[0],a=!1===t.connect;f.style.insetInlineStart=`${a?0:Math.min(r,n)}%`,f.style.inlineSize=`${a?0:Math.abs(n-r)}%`},y=(e,t,i=!1)=>{c[e]=S(t,e),A(),g("update",e),i&&g("set",e)},x=e=>{const i=h.getBoundingClientRect();if(!i.width)return s.min;let n=r((e.clientX-i.left)/i.width,0,1);return"rtl"===t.direction&&(n=1-n),s.min+n*(s.max-s.min)},E=e=>{if(u||0!==e.button)return;const t=x(e),i=1===c.length||Math.abs(c[0]-t)<=Math.abs(c[1]-t)?0:1;e.preventDefault(),g("start",i),y(i,t);const r=e=>y(i,x(e)),n=e=>{y(i,x(e),!0),g("end",i),window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",n)};window.addEventListener("pointermove",r),window.addEventListener("pointerup",n)};h.addEventListener("pointerdown",E),m.forEach(({handle:e},i)=>e.addEventListener("keydown",e=>{if(u||!1===t.keyboardSupport)return;const r="rtl"===t.direction?-1:1,n={ArrowRight:o*r,ArrowLeft:-o*r,ArrowUp:o,ArrowDown:-o}[e.key];let a=void 0===n?null:c[i]+n;"Home"===e.key&&(a=v(i).min),"End"===e.key&&(a=v(i).max),null!==a&&(e.preventDefault(),g("start",i),y(i,a,!0),g("end",i))}));const L={options:t,on(e,t){d.has(e)||d.set(e,new Set),d.get(e).add(t),"update"===e&&t(c.map(String),0,[...c])},get(e=!1){const t=e?[...c]:c.map(String);return 1===t.length?t[0]:t},set(e){n(e).slice(0,c.length).forEach((e,t)=>{c[t]=S(e,t)}),c=c.sort((e,t)=>e-t),A(),g("update",0),g("set",0)},disable(){u=!0,m.forEach(({handle:e})=>{e.tabIndex=-1,e.setAttribute("aria-disabled","true")})},enable(){u=!1,m.forEach(({handle:e})=>{e.tabIndex=!1===t.keyboardSupport?-1:0,e.removeAttribute("aria-disabled")})},destroy(){h.removeEventListener("pointerdown",E),e.replaceChildren(),e.classList.remove(i.target,i.horizontal,i.textDirectionLtr,i.textDirectionRtl),delete e.noUiSlider}};return e.noUiSlider=L,A(),L}(e,i);if(!s)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))}(e.querySelector(".sf-range-slider-base")),E(e),L(e),x(e,t instanceof HTMLElement?t:e),w(e)&&s.disable(),s.on("update",(t,i,r)=>{const n=k(r),{range:a,margin:l=0}=s.options;y(e).forEach((e,t)=>{e.setAttribute("aria-valuenow",String(n[t])),e.setAttribute("aria-valuemin",String(t>0?Math.max(a.min,n[t-1]+l):a.min)),e.setAttribute("aria-valuemax",String(t<n.length-1?Math.min(a.max,n[t+1]-l):a.max))}),_(e,n),R(e,"update",n,{handle:i})}),s.on("set",(t,i,r)=>{R(e,"set",r,{handle:i}),R(e,"change",r,{handle:i}),e._sfSettingValue||R(e,"change",r,{handle:i},"change")}),s.on("start",(t,i,r)=>{R(e,"start",r,{handle:i})}),s.on("end",(t,i,r)=>{R(e,"end",r,{handle:i})}),e.dataset[l]="true",e._sfRangeSliderInstance=s,s}function $(e){if(e?.[d]?.release(),e&&delete e[d],e?.[o]?.observer.disconnect(),e&&delete e[o],!(e instanceof HTMLElement&&e.noUiSlider))return delete e?.dataset?.[l],void delete e?._sfRangeSliderInstance;e.noUiSlider.destroy(),delete e.dataset[l],delete e._sfRangeSliderInstance}function F(e){(e instanceof Element||e===document)&&(e instanceof Element&&e.matches?.(s)&&C(e),e.querySelectorAll?.(s).forEach(e=>C(e)))}function N(e=document){F(e)}function O(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}function U(e,t){if(!(e instanceof HTMLElement&&e.noUiSlider))return!1;const i=v(e),r=i&&"string"==typeof t&&t.includes(",")?t.split(",").map(e=>e.trim()):!i&&Array.isArray(t)?t[0]:t;e._sfSettingValue=!0;try{e.noUiSlider.set(r)}finally{e._sfSettingValue=!1}return!0}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.RangeSlider=window.SF.RangeSlider||{},window.SF.RangeSlider.bind=C,window.SF.RangeSlider.unbind=$,window.SF.RangeSlider.getValue=O,window.SF.RangeSlider.setValue=U),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>N()):N();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&F(e)}),e.removedNodes.forEach(e=>{e instanceof Element&&!e.isConnected&&(e.matches(s)&&$(e),e.querySelectorAll(s).forEach(e=>{e.isConnected||$(e)}))})})}).observe(document.documentElement,{childList:!0,subtree:!0})},"870b5dfddc25"(e,t,i){function r(e){if("undefined"==typeof SF||!SF.Loader)return;const t=SF.Loader,i=Number(t.dragObserverLockCount||0);t.dragObserverLockCount=e?i+1:Math.max(i-1,0),t.stopObserver=t.dragObserverLockCount>0}i.d(t,{J:()=>r})},d0c990891b2a(e,t,i){i.a(e,async(e,t)=>{try{var r=i("fbe0570fcc69"),n=i("694cfc6b5843"),a=i("ca25fbb74070"),s=i("870b5dfddc25"),l=e([r,a]);[r,a]=l.then?(await l)():l;var o=i.n(r);function d(e){return Array.isArray(e)?e.map(e=>String(e??"")).join(","):null==e?"":String(e)}function u(e){if(Array.isArray(e))return Math.min(Math.max(e.length,1),2);return String(e??"").includes(",")?2:1}function c(e){return e instanceof HTMLElement&&e.querySelectorAll(".sf-range-slider-handle").length||0}const h={"sf-range-slider-update":"onSliderUpdate","sf-range-slider-change":"onSliderChange","sf-range-slider-set":"onSliderSet","sf-range-slider-start":"onSliderStart","sf-range-slider-end":"onSliderEnd"};class b extends(o()){static get props(){return{templateName:{attribute:"template",default:"default"},min:{default:"0"},max:{default:"100"},start:{default:""},value:{default:""},multiple:{type:Boolean,default:!1},step:{default:""},margin:{default:""},connect:{default:""},keyboard:{type:Boolean,default:!0},label:{default:"none"},prefix:{default:""},suffix:{default:""},lowerLabel:{default:""},upperLabel:{default:""},decimals:{default:""},tooltipPosition:{default:""},textPosition:{default:""},labelPosition:{default:""},disabled:{type:Boolean,default:!1},rootClass:{default:""}}}constructor(){super(),this._boundRoot=null,this._syncingValueAttribute=!1,this._syncingMultipleAttribute=!1,this._loaderObserverLocked=!1,this._autoMultiple=!1,this._explicitMultiple=null}attributeChangedCallback(e,t,i){t!==i&&("value"===e&&this._syncingValueAttribute||("multiple"!==e||this._syncingMultipleAttribute||(this._autoMultiple=!1,this._explicitMultiple=null!==i&&this.getBooleanAttr("multiple",!0)),"value"===e&&this.syncAutoMultipleAttribute(i),super.attributeChangedCallback(e,t,i)))}get min(){return this.getAttribute("min")||"0"}get max(){return this.getAttribute("max")||"100"}get start(){return this.getAttribute("start")||""}get value(){const e=this.getValue();return null!=e?d(e):this.getAttribute("value")||this.start||"0"}set value(e){this.setValue(e)}get hasExplicitMultiple(){return null!==this._explicitMultiple||this.hasAttribute("multiple")&&!this._autoMultiple}get multiple(){return null!==this._explicitMultiple?this._explicitMultiple:this.hasExplicitMultiple?this.getBooleanAttr("multiple",!1):u(this.getAttribute("value")||this.start)>1}syncAutoMultipleAttribute(e){if(this.hasExplicitMultiple)return;if(u(e)>1)return this._autoMultiple=!0,void(this.hasAttribute("multiple")||(this._syncingMultipleAttribute=!0,this.setAttribute("multiple",""),this._syncingMultipleAttribute=!1));this._autoMultiple&&(this._autoMultiple=!1,this._syncingMultipleAttribute=!0,this.removeAttribute("multiple"),this._syncingMultipleAttribute=!1)}get step(){return this.getAttribute("step")||""}get margin(){return this.getAttribute("margin")||""}get connect(){return this.getAttribute("connect")||""}get keyboard(){return this.getBooleanAttr("keyboard",!0)}get label(){return this.getAttribute("label")||"none"}get prefix(){return this.getAttribute("prefix")||""}get suffix(){return this.getAttribute("suffix")||""}get lowerLabel(){return this.getAttribute("lower-label")||""}get upperLabel(){return this.getAttribute("upper-label")||""}get decimals(){return this.getAttribute("decimals")||""}get tooltipPosition(){return this.getAttribute("tooltip-position")||""}get textPosition(){return this.getAttribute("text-position")||""}get labelPosition(){return this.getAttribute("label-position")||""}get disabled(){return this.getBooleanAttr("disabled",!1)}set disabled(e){this.setDisabled(!!e)}get initialValue(){return this.getAttribute("value")||this.start||"0"}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,component:this,rootClass:this.getRootClass(),multiple:this.multiple,start:this.initialValue})}template(){return(0,a.R)(this.templateContext())}resolveUpdateMode(e=[]){if(!this.getSliderRoot())return"lit";if(e.includes("value")&&this.shouldRebuildForValue(this.getAttribute("value")||this.start||"0"))return"lit";return e.some(e=>["template","connected","min","max","start","multiple","step","margin","connect","keyboard","label","prefix","suffix","lower-label","upper-label","decimals","tooltip-position","text-position","label-position","root-class"].includes(e))?"lit":"dom"}updateDom(e=[]){const t=this.getSliderRoot();if(!(t instanceof HTMLElement))return!1;if(e.includes("style")||e.includes("root-style")){const e=this.getRootStyle();e?t.setAttribute("style",e):t.removeAttribute("style")}return(!e.includes("value")||!this.shouldRebuildForValue(this.getAttribute("value")||this.start||"0"))&&(e.includes("disabled")&&(t.classList.toggle("disabled",this.disabled),t.noUiSlider&&(this.disabled?t.noUiSlider.disable():t.noUiSlider.enable())),e.includes("value")&&(0,n.Qc)(t,this.getAttribute("value")||this.start||"0"),!0)}afterRender(){this._boundRoot&&(this.removeSliderListeners(this._boundRoot),(0,n.Hq)(this._boundRoot),this._boundRoot=null),this._boundRoot=this.getSliderRoot(),this._boundRoot&&((0,n.SZ)(this._boundRoot,this),this.addSliderListeners(this._boundRoot),this.disabled&&this._boundRoot.noUiSlider&&this._boundRoot.noUiSlider.disable())}onDisconnected(){this._boundRoot&&(this.removeSliderListeners(this._boundRoot),(0,n.Hq)(this._boundRoot),this._boundRoot=null),this.unlockLoaderObserver()}addSliderListeners(e){e.addEventListener("sf-range-slider-update",this._handleSliderUpdate),e.addEventListener("sf-range-slider-start",this._handleSliderStart),e.addEventListener("sf-range-slider-end",this._handleSliderEnd),e.addEventListener("sf-range-slider-set",this._handleSliderEnd),e.addEventListener("sf-range-slider-change",this._handleSliderEnd),Object.keys(h).forEach(t=>{e.addEventListener(t,this._handleSliderAlias)})}removeSliderListeners(e){e.removeEventListener("sf-range-slider-update",this._handleSliderUpdate),e.removeEventListener("sf-range-slider-start",this._handleSliderStart),e.removeEventListener("sf-range-slider-end",this._handleSliderEnd),e.removeEventListener("sf-range-slider-set",this._handleSliderEnd),e.removeEventListener("sf-range-slider-change",this._handleSliderEnd),Object.keys(h).forEach(t=>{e.removeEventListener(t,this._handleSliderAlias)}),this.unlockLoaderObserver()}lockLoaderObserver(){this._loaderObserverLocked||(this._loaderObserverLocked=!0,(0,s.J)(!0))}unlockLoaderObserver(){this._loaderObserverLocked&&(this._loaderObserverLocked=!1,(0,s.J)(!1))}_handleSliderStart=()=>{this.lockLoaderObserver()};_handleSliderEnd=()=>{this.unlockLoaderObserver()};_handleSliderUpdate=e=>{const t=e.detail?.values;if(!t?.length)return;const i=d(this.multiple?t:t[0]);(this.getAttribute("value")||"")!==i&&(this._syncingValueAttribute=!0,this.setAttribute("value",i),this._syncingValueAttribute=!1)};_handleSliderAlias=e=>{const t=h[e.type];t&&this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{...e.detail||{},sourceEvent:e,rangeSlider:this}}))};getSliderRoot(){return this.querySelector(".sf-range-slider")}shouldRebuildForValue(e){const t=c(this.getSliderRoot()),i=this.multiple||!this.hasExplicitMultiple&&u(e)>1?2:1;return t>0&&t!==i}getValue(){const e=this.getSliderRoot();return e?(0,n.og)(e):null}setValue(e){const t=this.hasExplicitMultiple?this.multiple:u(e)>1,i=d(t?e:(r=e,Array.isArray(r)?r[0]??"":String(r??"").split(",")[0]??""));var r;const a=this.getSliderRoot();this.hasExplicitMultiple||(t?(this._autoMultiple=!0,this._syncingMultipleAttribute=!0,this.setAttribute("multiple",""),this._syncingMultipleAttribute=!1):this._autoMultiple&&(this._autoMultiple=!1,this._syncingMultipleAttribute=!0,this.removeAttribute("multiple"),this._syncingMultipleAttribute=!1));const s=c(a);return s>0&&s!==(t?2:1)?(this.setAttribute("value",i),this):a?.noUiSlider?((0,n.Qc)(a,i),this._syncingValueAttribute=!0,this.setAttribute("value",d((0,n.og)(a))),this._syncingValueAttribute=!1,this):(this.setAttribute("value",i),this)}setDisabled(e=!1){return e?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.requestComponentUpdate("disabled"),this}get state(){return{min:this.min,max:this.max,start:this.start,value:this.value,multiple:this.multiple,step:this.step,margin:this.margin,connect:this.connect,keyboard:this.keyboard,label:this.label,prefix:this.prefix,suffix:this.suffix,lowerLabel:this.lowerLabel,upperLabel:this.upperLabel,decimals:this.decimals,tooltipPosition:this.tooltipPosition,textPosition:this.textPosition,labelPosition:this.labelPosition,disabled:this.disabled,rootClass:this.getRootClass()}}setState(e={}){return Object.entries(e||{}).forEach(([e,t])=>{if("value"===e)return void this.setValue(t);if("multiple"===e)return this._autoMultiple=!1,this._explicitMultiple=!!t,void(t?this.setAttribute("multiple",""):this.setAttribute("multiple","false"));if("disabled"===e)return void this.setDisabled(!!t);const i=(0,r.toAttributeName)(e);i&&(!1!==t&&null!=t&&""!==t?!0!==t?this.setAttribute(i,String(t)):this.setAttribute(i,""):this.removeAttribute(i))}),this}onUpdateValue(e,t){return"function"==typeof e&&this.addEventListener("sf-range-slider-update",t=>{e(t.detail?.value,t.detail,t)},t),this}onSliderUpdate(e,t){return this.onUpdateValue(e,t)}onChange(e,t){return"function"==typeof e&&this.addEventListener("change",t=>{t.detail&&"value"in t.detail&&e(t.detail?.value,t.detail,t)},t),this}onSliderChange(e,t){return this.onChange(e,t)}onSet(e,t){return"function"==typeof e&&this.addEventListener("sf-range-slider-set",t=>{e(t.detail?.value,t.detail,t)},t),this}onSliderSet(e,t){return this.onSet(e,t)}onStart(e,t){return"function"==typeof e&&this.addEventListener("sf-range-slider-start",t=>{e(t.detail?.value,t.detail,t)},t),this}onSliderStart(e,t){return this.onStart(e,t)}onEnd(e,t){return"function"==typeof e&&this.addEventListener("sf-range-slider-end",t=>{e(t.detail?.value,t.detail,t)},t),this}onSliderEnd(e,t){return this.onEnd(e,t)}}b.define("sf-range-slider"),t()}catch(p){t(p)}})},ca25fbb74070(e,t,i){i.a(e,async(e,r)=>{try{i.d(t,{R:()=>d});var n=i("ddf1cdb42ecc"),a=e([n]),s=a.then?(await a)():a;n=s[0];function l(...e){return e.flat().filter(Boolean).join(" ")}function o(e){return""===e||null==e?n.nothing:String(e)}function d(e){const t=l("sf-range-slider","flex-1",e.rootClass,e.disabled?"disabled":"");return n.html`
+        <div
+                class=${t}
+                style=${o(e.rootStyle)}
+                data-min=${o(e.min)}
+                data-max=${o(e.max)}
+                data-start=${o(e.start)}
+                data-multiple=${String(!!e.multiple)}
+                data-step=${o(e.step)}
+                data-margin=${o(e.margin)}
+                data-connect=${o(e.connect)}
+                data-keyboard=${String(!!e.keyboard)}
+                data-label=${o(e.label)}
+                data-prefix=${o(e.prefix)}
+                data-suffix=${o(e.suffix)}
+                data-lower-label=${o(e.lowerLabel)}
+                data-upper-label=${o(e.upperLabel)}
+                data-decimals=${o(e.decimals)}
+                data-tooltip-position=${o(e.tooltipPosition)}
+                data-text-position=${o(e.textPosition)}
+                data-label-position=${o(e.labelPosition)}
+                ?disabled=${e.disabled}
+        ></div>
+    `}r()}catch(u){r(u)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function i(r){const n=t[r];if(void 0!==n)return n.exports;const a=t[r]={exports:{}};return e[r](a,a.exports,i),a.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",n=e?Symbol("webpack error"):"__webpack_error__",a=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};i.a=(e,i,s)=>{let l;s&&((l=[]).d=-1);const o=new Set,d=e.exports;let u,c,h;const b=new Promise((e,t)=>{h=t,c=e});b[r]=d,b[t]=e=>(l&&e(l),o.forEach(e),b.catch(e=>{})),e.exports=b;i(e=>{let i;u=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const i=[];i.d=0,e.then(e=>{s[r]=e,a(i)},e=>{s[n]=e,a(i)});const s={};return s[t]=e=>e(i),s}}const i={};return i[t]=e=>{},i[r]=e,i}))(e);const s=()=>u.map(e=>{if(e[n])throw e[n];return e[r]}),d=new Promise(e=>{i=()=>e(s),i.r=0;const r=e=>e!==l&&!o.has(e)&&(o.add(e),e&&!e.d&&(i.r++,e.push(i)));u.map(e=>e[t](r))});return i.r?d:s()},e=>(e?h(b[n]=e):c(d),a(l))),l?.d<0&&(l.d=0)}})(),i.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var n=t[r++],a=t[r++];i.o(e,n)?0===a&&r++:0===a?Object.defineProperty(e,n,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,n,{enumerable:!0,get:a})}else for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);i("d0c990891b2a")})();