@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/smart/progress-scale/smart.manifest.json

@@ -0,0 +1,281 @@
+{
+  "schema_version": 2,
+  "id": "smart.progress-scale",
+  "version": "1.0.0",
+  "title": "Progress Scale",
+  "summary": "Segmented determinate progress with exact accessible value, explicit semantic tone and ten visual steps.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "progress-scale"
+  ],
+  "capabilities": [
+    "render",
+    "theme",
+    "responsive",
+    "determinate-progress",
+    "accessible-range"
+  ],
+  "custom_element": "sf-progress-scale",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [
+      "component.progress-scale"
+    ],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "template": {
+        "type": "string",
+        "default": "default"
+      },
+      "size": {
+        "type": "string",
+        "default": "1",
+        "enum": [
+          "1/3",
+          "1/2",
+          "1",
+          "2",
+          "3"
+        ]
+      },
+      "line": {
+        "type": "string",
+        "default": "",
+        "enum": [
+          "",
+          "1/2",
+          "1",
+          "2"
+        ],
+        "description": "Takes the text line of this form size, for a table cell or a row of fields, so the row keeps its control height."
+      },
+      "value": {
+        "type": "string",
+        "default": "0",
+        "pattern": "^(?:100|[1-9]?[0-9])(?:\\.[0-9]+)?$"
+      },
+      "show-text": {
+        "type": "boolean",
+        "default": true
+      },
+      "status": {
+        "type": "string",
+        "default": "neutral",
+        "enum": [
+          "neutral",
+          "info",
+          "success",
+          "warning",
+          "error"
+        ],
+        "description": "What the progress reports, in the shared status vocabulary. The word this component used before, primary, is still accepted and means neutral."
+      },
+      "label": {
+        "type": "string",
+        "default": ""
+      },
+      "value-text": {
+        "type": "string",
+        "default": ""
+      },
+      "tone": {
+        "type": "string",
+        "default": "neutral",
+        "description": "Legacy name for status, still honoured. See contracts/public-api-axes.json.",
+        "enum": [
+          "neutral",
+          "info",
+          "success",
+          "warning",
+          "error"
+        ]
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {},
+  "methods": {
+    "getProgress": {
+      "summary": "Returns the value as a number clamped to 0..100; a non-numeric value reads as 0.",
+      "arguments": [],
+      "returns": {
+        "type": "number"
+      }
+    },
+    "setProgress": {
+      "summary": "Sets the value attribute; null or undefined removes it.",
+      "arguments": [
+        {
+          "name": "nextValue",
+          "type": "number|string",
+          "required": true
+        }
+      ],
+      "returns": {
+        "type": "object",
+        "description": "The element, for chaining."
+      }
+    }
+  },
+  "events": {},
+  "state": {
+    "machines": {
+      "progress": [
+        "active",
+        "complete",
+        "error"
+      ]
+    },
+    "visual_states": [
+      "default"
+    ]
+  },
+  "persistence": {
+    "mode": "none",
+    "source_of_truth": "component",
+    "network_owner": "none",
+    "revision_field": null
+  },
+  "ownership": {
+    "source": "simai/ui-source",
+    "data": "host",
+    "effects": "component",
+    "forbidden_client_responsibilities": [
+      "backend access decisions",
+      "host route invention",
+      "running, cancelling or retrying the task",
+      "inferring semantic state from the current segment count",
+      "inventing the accessible process label"
+    ]
+  },
+  "security": {
+    "permissions_owner": "none",
+    "untrusted_inputs": [
+      "props",
+      "children"
+    ],
+    "network_policy": "deny"
+  },
+  "accessibility": {
+    "role": "progressbar",
+    "accessible_name": "required",
+    "keyboard": [],
+    "focus": "Progress Scale is not interactive and never enters the focus order."
+  },
+  "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/progress-scale/index.js",
+        "sha256": "066b9d9ebc484e056f49b018c08b03c315642c8953ace3a2dab85236ec574aec"
+      },
+      {
+        "path": "src/smart/progress-scale/js/templates/default.js",
+        "sha256": "233027300700454bdf68818e1d4c8680915ff15c90897d7dca21dbf47f7d25b1"
+      },
+      {
+        "path": "src/smart/progress-scale/rule.js",
+        "sha256": "8a9ab151e4473f9a67ce33ed68e3cb8ce0d440b16e0f155a6dfe53971cd0e97a"
+      },
+      {
+        "path": "src/smart/progress-scale/docs/docs.md",
+        "sha256": "687982d50c998eed604cc2f87aa88074622a158299e8a76bf840a355b913d42a"
+      }
+    ],
+    "generated_runtime": [
+      {
+        "repository": "simai/ui-smart",
+        "revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c",
+        "path": "smart/progress-scale/js/progress-scale.js",
+        "sha256": "47e30ecb245752e6bb23a96370cb2809508b071e3e7488cd793f506e358867ad"
+      }
+    ]
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-progress-scale when a known progress value is meaningfully represented by ten coarse or staged segments.",
+    "do_not": [
+      "Do not copy generated ui-smart code",
+      "Do not move host data or access decisions into the component",
+      "Do not use segmented progress when continuous Progress Bar is clearer",
+      "Do not use Progress Scale for an unknown value; use Spinner",
+      "Do not infer error, warning or success from the percentage",
+      "Do not omit a localized accessible label"
+    ],
+    "required_reads": [
+      "inputs",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-progress-scale label=\"Подготовка проекта\" value=\"40\"></sf-progress-scale>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

package/distr/smart/progress-scale/studio.fixture.json

@@ -0,0 +1,14 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.progress-scale",
+  "title": "Progress Scale reference",
+  "summary": "Deterministic reference fixture for sf-progress-scale.",
+  "locale": "ru",
+  "props": {
+    "value": "65",
+    "show-text": true
+  },
+  "children": [],
+  "state": "default"
+}

package/distr/smart/progress-scale/studio.scenario.json

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

package/distr/smart/progress-scale/template/default.js

@@ -0,0 +1,75 @@
+import { html, nothing } from 'lit';
+
+function normalizeProgressValue(value) {
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) {
+    return 0;
+  }
+
+  return Math.max(0, Math.min(100, parsed));
+}
+
+function normalizeScaleStep(value) {
+  const normalized = normalizeProgressValue(value);
+  return Math.ceil(normalized / 10) * 10;
+}
+
+function normalizeSize(value) {
+  const normalized = String(value || '').toLowerCase();
+  return ['1/3', '1/2', '1', '2', '3'].includes(normalized) ? normalized : '1';
+}
+
+// The component normalises the legacy words, so the template sees the shared
+// vocabulary. `neutral` carries no class of its own, exactly as `primary` did.
+function normalizeStatus(value) {
+  const normalized = String(value || '').toLowerCase();
+  return ['neutral', 'info', 'success', 'warning', 'error'].includes(normalized)
+    ? normalized
+    : 'neutral';
+}
+
+export function renderProgressScaleTemplate(context) {
+  const size = normalizeSize(context.size);
+  const value = normalizeProgressValue(context.value);
+  const step = normalizeScaleStep(value);
+  const tone = normalizeStatus(context.status ?? context.tone);
+  const rootClasses = [
+    'sf-progress-scale',
+    `sf-progress-scale--size-${size}`,
+    `sf-progress-scale--${tone}`,
+    // On a text line the track and the value share the line; otherwise the
+    // value stands under the track.
+    ...(context.line ? [`sf-progress-scale--line-${context.line}`, 'flex', 'flex-row', 'items-cross-center'] : ['flex', 'flex-col']),
+    context.rootClass,
+  ].filter(Boolean);
+
+  if (step > 0) {
+    rootClasses.push(`sf-progress-scale--${step}`);
+  }
+
+  return html`
+    <div
+      class=${rootClasses.join(' ')}
+      style=${context.rootStyle || nothing}
+      data-value=${String(value)}
+      data-size=${size}
+      data-tone=${tone}
+      data-show-text=${String(Boolean(context.showText))}
+      data-label=${context.label || nothing}
+      data-value-text=${context.valueText || nothing}
+      role="progressbar"
+      aria-label=${context.label || nothing}
+      aria-valuemin="0"
+      aria-valuemax="100"
+      aria-valuenow=${String(value)}
+      aria-valuetext=${context.valueText || nothing}
+    >
+      <div class="sf-progress-scale-container grid grid-col-10 overflow-hidden">
+        ${Array.from({ length: 10 }, () => html`<div class="sf-progress-scale-block"></div>`)}
+      </div>
+      ${context.showText
+        ? html`<div class="sf-progress-scale-text">${value}%</div>`
+        : nothing}
+    </div>
+  `;
+}

package/distr/smart/radio/js/radio.min.js

@@ -0,0 +1,26 @@
+(()=>{"use strict";var t={"67eed2647f47"(t,e,n){n.d(e,{z:()=>o});const s=new WeakMap,i=new WeakSet;function o(t,e){const n=t.ownerDocument;i.has(n)||(n.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 s.get(t)||[])e()},0)},!0),i.add(n));let o=s.get(t);return o||s.set(t,o=new Set),o.add(e),()=>o.delete(e)}},b7c771556966(t,e,n){n.d(e,{x0:()=>b,DM:()=>v,iS:()=>y});class s{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const n=t.match(/\(([^)]+)\)/g);n&&n.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const i=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)};var o=n("67eed2647f47");const a="label.sf-radio-button",r="sfRadioBound",d=new Set(["class","className","type","count","text","title","description","help","checked","disabled"]);function c(t,e=!1){if(null==t||""===t)return e;if("boolean"==typeof t)return t;const n=String(t).toLowerCase();return["1","true","yes","on","checked","disabled"].includes(n)}function l(t,e=0){const n=Number(t);return Number.isFinite(n)?n:e}function u(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 h(t){if(!t)return{};return{input:t.querySelector('input[type="radio"]'),mark:t.querySelector(".sf-radio-button-box .sf-radio-button-mark")}}function p(t){const{input:e,mark:n}=h(t);e&&(t.classList.toggle("active",!!e.checked),t.classList.toggle("disabled",!!e.disabled),n&&n.setAttribute("aria-hidden","true"))}function f(t){const e=t?.closest?.(".sf-radio-wrap--type-font");if(!e)return;const n=u(e.dataset.sfRadioDescriptions||""),s=e.querySelector(".sf-radio-button-description"),i=e.querySelector(`${a} input[type="radio"]:checked`),o=l(i?.dataset?.sfRadioFontIndex,-1);e.querySelectorAll(".sf-radio-text").forEach((t,e)=>t.classList.toggle("active",e===o)),s&&(o>=0&&o<n.length?s.textContent=n[o]||"":s.textContent=n[0]||e.dataset.sfRadioDescription||"")}function m(t){const e=function(t){return t instanceof HTMLInputElement&&"radio"===t.type&&t.name?Array.from(t.getRootNode().querySelectorAll(`${a} input[type="radio"]`)).filter(e=>e.name===t.name&&e.form===t.form).map(t=>t.closest(a)).filter(Boolean):[]}(t);if(!e.length){const e=t?.closest?.(a);return e&&p(e),void f(t)}e.forEach(t=>p(t)),f(t)}function b(t){if(!t||"1"===t.dataset[r])return;const{input:e}=h(t);if(!e)return;const n=()=>m(e);t.__sfRadioHandleChange=n,e.addEventListener("change",n),t.__sfRadioReleaseReset=(0,o.z)(e,n),t.dataset[r]="1",p(t)}function y(t){if(!t)return;t.__sfRadioReleaseReset?.(),delete t.__sfRadioReleaseReset;const{input:e}=h(t);e&&t.__sfRadioHandleChange&&e.removeEventListener("change",t.__sfRadioHandleChange),delete t.__sfRadioHandleChange,delete t.dataset[r]}function g(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(a)&&b(t),t.querySelectorAll?.(a).forEach(b))}function v(t,e={}){return t instanceof HTMLInputElement&&"radio"===t.type&&(Object.prototype.hasOwnProperty.call(e,"checked")&&(t.checked=c(e.checked)),Object.prototype.hasOwnProperty.call(e,"disabled")&&(t.disabled=c(e.disabled)),m(t),!0)}function x(t=document){g(t)}function E(t){return t instanceof HTMLInputElement&&"radio"===t.type?(t.classList.add("sf-radio-native"),t):t}i("Radio",class extends s{static componentName="Radio";html=null;constructor(t){super(t);const{size:e="1",type:n="default",count:s=0,text:i="",title:o="",description:a="",help:r="",checked:l=!1,disabled:u=!1,name:h="",value:p}=this.params||{},f=this.attrs.class||this.attrs.className;if(this.type=n||"default",this.template="font"===this.type?this.buildFontTemplate({size:e,count:s,text:i,title:o,description:a,help:r,checked:l,disabled:u,name:h,value:p,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-${n||"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",h&&(this.input.name=h),void 0!==p&&(this.input.value=p),this.input.checked="font"===this.type&&this.previewCheckedIndex>=0||c(l),this.input.defaultChecked=this.input.checked,this.input.disabled=c(u),E(this.input),Object.entries(this.attrs).filter(([t])=>!d.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(a):a;(o||m||r)&&(this.container=document.createElement("span"),this.container.classList.add("sf-radio-button-container","flex","flex-col"),(o||r)&&(this.top=document.createElement("span"),this.top.classList.add("sf-radio-button-top","flex"),o&&(this.text=document.createElement("span"),this.text.classList.add("sf-radio-button-text"),this.text.textContent=o,this.top.append(this.text)),r&&(this.helpIcon=document.createElement("i"),this.helpIcon.classList.add("sf-icon"),this.helpIcon.setAttribute("aria-hidden","true"),this.helpIcon.textContent=r,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(){g(this.template)}destroyInternal(){this.template&&(this.template.matches?.(a)?y(this.template):this.template.querySelectorAll?.(a).forEach(y))}resolveCheckedIndex(t,e){const n=Math.max(0,l(e,0));if("number"==typeof t||"string"==typeof t&&""!==t){const e=Math.floor(l(t,-1));return e>=0&&e<n?e:-1}return c(t,!1)?0:-1}buildFontTemplate({size:t="1",count:e=1,text:n="A",title:s="",description:i="",help:o="",checked:a=!1,disabled:r=!1,name:h="",value:p,className:f=""}={}){const m=document.createElement("div"),b=Math.max(1,l(e,1)),y=this.resolveCheckedIndex(a,b),g=u(i),v=u(p);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(g),m.dataset.sfRadioDescription=(y>=0?g[y]:g[0])||"";const x=document.createElement("div");x.classList.add("sf-radio-group","sf-radio-group--font","flex","items-cross-start");for(let e=0;e<b;e+=1){const i=document.createElement("label");i.classList.add("sf-radio-button",`sf-radio-button--size-${t}`,"sf-radio-button--type-font");const o=document.createElement("i");o.classList.add("sf-radio-text"),e===y&&o.classList.add("active"),o.setAttribute("aria-hidden","true"),o.textContent=n||"A";const a=document.createElement("input");a.type="radio",a.dataset.sfRadioFontIndex=String(e),h&&(a.name=h),void 0!==v[e]?a.value=String(v[e]):void 0===p||Array.isArray(p)?a.value=String(e):a.value=String(p),a.checked=e===y,a.defaultChecked=a.checked,a.disabled=c(r);const l=g[e]||(void 0!==v[e]?String(v[e]):`${s||n||"Radio"} ${e+1}`);a.setAttribute("aria-label",l),E(a),Object.entries(this.attrs).filter(([t])=>!d.has(t)).forEach(([t,e])=>{null!=e&&a.setAttribute(t,e)}),i.append(o,a),x.append(i)}const w=document.createElement("div");if(w.classList.add("sf-radio-button-container","flex","flex-col"),s||o){const t=document.createElement("span");if(t.classList.add("sf-radio-button-top","flex"),s){const e=document.createElement("span");e.classList.add("sf-radio-button-text"),e.textContent=s,t.append(e)}if(o){const e=document.createElement("i");e.classList.add("sf-icon"),e.setAttribute("aria-hidden","true"),e.textContent=o,t.append(e)}w.append(t)}const k=(y>=0?g[y]:g[0])||"";if(k){const t=document.createElement("span");t.classList.add("sf-radio-button-description"),t.textContent=k,w.append(t)}return m.append(x,w),m}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Radio=window.SF.Radio||{},window.SF.Radio.setState=v),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>x()):x();new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&g(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})},"078aa87e580e"(t,e,n){n.d(e,{n:()=>i});var s=n("67eed2647f47");function i(t,e){Object.prototype.hasOwnProperty.call(t,"_resetChecked")||(t._resetChecked=!!t.checked);const n=e.checked;return e.defaultChecked=t._resetChecked,e.checked=n,(0,s.z)(e,()=>{t.getInputElement()===e&&t._handleChange()})}},"1a0f9759d9a3"(t,e,n){n.a(t,async(t,e)=>{try{var s=n("fbe0570fcc69"),i=n("b7c771556966"),o=n("f092e756548c"),a=n("078aa87e580e"),r=t([s,o]);[s,o]=r.then?(await r)():r;var d=n.n(s);function c(t){t?.name&&document.querySelectorAll("sf-radio").forEach(e=>{const n=e?.getInputElement?.();n&&n.name===t.name&&n.form===t.form&&n.getRootNode()===t.getRootNode()&&(n.checked?e.setAttribute("checked",""):e.removeAttribute("checked"))})}class l extends(d()){static get props(){return{size:{default:"1"},label:{default:""},description:{default:""},help:{default:""},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{default:""},value:{default:""},error:{type:Boolean,default:!1}}}constructor(){super(),this._boundRoot=null}get size(){return this.getAttribute("size")||"1"}get label(){return this.getAttribute("label")||""}get description(){return this.getAttribute("description")||""}get help(){return this.getAttribute("help")||""}get checked(){return this.getBooleanAttr("checked",!1)}set checked(t){t?this.setAttribute("checked",""):this.removeAttribute("checked")}get disabled(){return this.getBooleanAttr("disabled",!1)}get name(){return this.getAttribute("name")||""}get value(){return this.getAttribute("value")||""}set value(t){null!=t?this.setAttribute("value",String(t)):this.removeAttribute("value")}get error(){return this.getBooleanAttr("error",!1)}templateContext(){const t=this.getPropsContext();return this.createTemplateContext({...t,component:this})}template(){return(0,o.u)(this.templateContext())}afterRender(){if(this._releaseReset?.(),this._releaseReset=null,this._boundRoot&&((0,i.iS)(this._boundRoot),this._boundRoot=null),this._boundRoot=this.querySelector(".sf-radio-button"),this._boundRoot){(0,i.x0)(this._boundRoot);const t=this.getInputElement();t&&((0,i.DM)(t,{checked:this.checked,disabled:this.disabled}),t.addEventListener("change",this._handleChange),this._releaseReset=(0,a.n)(this,t))}}onDisconnected(){this._releaseReset?.(),this._releaseReset=null;const t=this.getInputElement();t&&t.removeEventListener("change",this._handleChange),this._boundRoot&&((0,i.iS)(this._boundRoot),this._boundRoot=null)}_handleChange=()=>{const t=this.getInputElement();t&&(t.checked?this.setAttribute("checked",""):this.removeAttribute("checked"),c(t))};getInputElement(){return this.querySelector('.sf-radio-button input[type="radio"]')}isChecked(){return!!this.getInputElement()?.checked}setChecked(t=!1){return this.checked=!!t,this.setState({checked:!!t}),this}setDisabled(t=!1){return t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.setState({disabled:!!t}),this}get state(){const t=this.getInputElement();return{checked:!!t?.checked,disabled:!!t?.disabled,name:t?.name||"",value:t?.value||""}}setState(t={}){const e=this.getInputElement();return e?((0,i.DM)(e,t),Object.prototype.hasOwnProperty.call(t,"checked")&&(this.toBoolean(t.checked)?this.setAttribute("checked",""):this.removeAttribute("checked"),c(e)),Object.prototype.hasOwnProperty.call(t,"disabled")&&(this.toBoolean(t.disabled)?this.setAttribute("disabled",""):this.removeAttribute("disabled")),this):(super.setState(t),this)}onChange(t,e){return"function"==typeof t&&this.addEventListener("change",t,e),this}onFocus(t,e){return"function"==typeof t&&this.addEventListener("focusin",t,e),this}onBlur(t,e){return"function"==typeof t&&this.addEventListener("focusout",t,e),this}}l.define("sf-radio"),e()}catch(u){e(u)}})},f092e756548c(t,e,n){n.a(t,async(t,s)=>{try{n.d(e,{u:()=>r});var i=n("ddf1cdb42ecc"),o=t([i]),a=o.then?(await o)():o;i=a[0];function r(t){const{size:e,label:n,description:s,help:o,checked:a,disabled:r,name:d,value:c,error:l}=t,u=["sf-radio-button",`sf-radio-button--size-${e}`,"flex",t.rootClass];l&&u.push("error");const h=t.component?.hasSlotContent?.("label")?t.component.getSlotContent("label"):n?i.html`<span class="sf-radio-button-text">${n}</span>`:"",p=t.component?.hasSlotContent?.("description")?t.component.getSlotContent("description"):s?i.html`<span class="sf-radio-button-description">${s}</span>`:"",f=t.component?.hasSlotContent?.("help")?t.component.getSlotContent("help"):o?i.html`<i class="sf-icon" aria-hidden="true">${o}</i>`:"",m=!!(h||p||f);return i.html`
+    <label class=${u.filter(Boolean).join(" ")} style=${t.rootStyle||i.nothing}>
+      <span class="sf-radio-button-box transition flex items-cross-center content-main-center">
+        <input
+          type="radio"
+          name=${d||""}
+          .value=${c||""}
+          .checked=${a}
+          ?disabled=${r}
+        />
+        <span class="sf-radio-button-mark" aria-hidden="true"></span>
+      </span>
+
+      ${m?i.html`
+            <span class="sf-radio-button-container flex flex-col">
+              ${h||f?i.html`
+                    <span class="sf-radio-button-top flex">
+                      ${h}
+                      ${f}
+                    </span>
+                  `:""}
+              ${p}
+            </span>
+          `:""}
+    </label>
+  `}s()}catch(d){s(d)}})},ddf1cdb42ecc(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("lit")),{once:!0}))},fbe0570fcc69(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const e={};function n(s){const i=e[s];if(void 0!==i)return i.exports;const o=e[s]={exports:{}};return t[s](o,o.exports,n),o.exports}(()=>{const t="function"==typeof Symbol,e=t?Symbol("webpack queues"):"__webpack_queues__",s=t?Symbol("webpack exports"):"__webpack_exports__",i=t?Symbol("webpack error"):"__webpack_error__",o=t=>{t?.d<1&&(t.d=1,t.forEach(t=>t.r--),t.forEach(t=>t.r--?t.r++:t()))};n.a=(t,n,a)=>{let r;a&&((r=[]).d=-1);const d=new Set,c=t.exports;let l,u,h;const p=new Promise((t,e)=>{h=e,u=t});p[s]=c,p[e]=t=>(r&&t(r),d.forEach(t),p.catch(t=>{})),t.exports=p;n(t=>{let n;l=(t=>t.map(t=>{if(null!==t&&"object"==typeof t){if(t[e])return t;if(t.then){const n=[];n.d=0,t.then(t=>{a[s]=t,o(n)},t=>{a[i]=t,o(n)});const a={};return a[e]=t=>t(n),a}}const n={};return n[e]=t=>{},n[s]=t,n}))(t);const a=()=>l.map(t=>{if(t[i])throw t[i];return t[s]}),c=new Promise(t=>{n=()=>t(a),n.r=0;const s=t=>t!==r&&!d.has(t)&&(d.add(t),t&&!t.d&&(n.r++,t.push(n)));l.map(t=>t[e](s))});return n.r?c:a()},t=>(t?h(p[i]=t):u(c),o(r))),r?.d<0&&(r.d=0)}})(),n.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{if(Array.isArray(e))for(var s=0;s<e.length;){var i=e[s++],o=e[s++];n.o(t,i)?0===o&&s++:0===o?Object.defineProperty(t,i,{enumerable:!0,value:e[s++]}):Object.defineProperty(t,i,{enumerable:!0,get:o})}else for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);n("1a0f9759d9a3")})();