@simai-studio/ui 5.20261022.1303 → 5.20261022.1534

package/distr/component/textarea/js/textarea.min.js

@@ -1 +1 @@
-(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const r=e.match(/\(([^)]+)\)/g);r&&r.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const r=this.getUtilityMap();if(!r||!r[t])return;this.extractUtilityClasses(r[t]).forEach(t=>e.classList.add(t))}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 t=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)},r=JSON.parse('{".sf-textarea":["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-textarea .sf-textarea-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-textarea textarea":[],".sf-textarea .sf-textarea-hint-text-wrap":["flex/1 (.flex-1)","display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-b0)","justify-content/flex-start (.justify-start)","align-items/center (.items-center)"]}');let a=0;const s=new WeakMap;function n(e,{prefix:t="sf-field",required:r=!1,invalid:n=!1,hint:i="",errorMessage:o=""}={}){const l=function(e,t){if(e&&s.has(e))return s.get(e);const r=(e?.id?String(e.id).trim():"")||`${t}-${++a}`,n={controlId:`${r}-control`,messageId:`${r}-message`};return!e||"object"!=typeof e&&"function"!=typeof e||s.set(e,n),n}(e,t),d=Boolean(n),c=d&&o?o:i;return{...l,required:Boolean(r),invalid:d,message:c,describedBy:c?l.messageId:"",errorMessageId:d&&o?l.messageId:""}}function i(e,t,{prefix:r="sf-field",required:a=!1,invalid:s=!1,messageNode:i=null,labelNode:o=null,errorMessage:l=""}={}){if(!e||!t)return null;const d=n(e,{prefix:r,required:a,invalid:s,hint:i?.textContent?.trim()||"",errorMessage:l});var c,f;return t.id||(t.id=d.controlId),"LABEL"!==e.tagName||e.hasAttribute("for")||e.setAttribute("for",t.id),!o?.textContent?.trim()||t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby")||(o.id||(o.id=`${t.id}-label`),t.setAttribute("aria-labelledby",o.id)),t.required=d.required,e.classList.toggle("error",d.invalid),t.classList.toggle("error",d.invalid),d.invalid?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid"),i&&(i.id||(i.id=d.messageId),t.setAttribute("aria-describedby",(c=t.getAttribute("aria-describedby"),f=[i.id],[...new Set([...String(c||"").split(/\s+/).filter(Boolean),...f.filter(Boolean)])].join(" ")))),d.errorMessageId&&i?t.setAttribute("aria-errormessage",i.id):t.removeAttribute("aria-errormessage"),d}function o(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function l({component:e="",kind:t="attribute",attribute:r="",from:a,to:s=null}={}){if(!a)return;const n=[e,t,r,a].join("|"),i=o(),l=i.get(n);if(l)l.count+=1;else if(i.set(n,{component:e,kind:t,attribute:r,from:a,to:s,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const n=e?`${e}: `:"",i="value"===t?`${r}="${a}"`:`${t} ${a}`;globalThis.console?.warn?.(`[SIMAI Framework] ${n}${i} is a legacy name${s?`; write ${s}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...o().values()].map(e=>({...e}))},e.clear=function(){o().clear()},e.note=l,globalThis.SF.deprecations=e}const d=Object.freeze(["1/2","1","2"]),c=Object.freeze({"1/3":"1/2",3:"2"}),f=new Set;function u(e,t="field",r="1"){const a=String(e??"").trim().toLowerCase();if(d.includes(a))return a;if(Object.hasOwn(c,a)){const e=c[a];l({component:t,kind:"value",attribute:"size",from:a,to:e});const r=`${t}:${a}`;return f.has(r)||"undefined"==typeof console||(f.add(r),console.warn(`[SIMAI Framework] ${t}: size ${a} is retired for form fields; rendering size ${e}.`)),e}return r}const p=new WeakMap,m=new WeakSet;let h=null;const x="label.sf-textarea",w="sfTextareaBound",g=new Set(["bordered","filled"]),y=new Set(["","none","text","tel","url","email","numeric","decimal","search"]),b=new Set(["soft","hard"]);function S(e){if(""===e||null==e)return null;const t=Number(e);return Number.isInteger(t)&&t>=0?t:null}function v(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on"].includes(String(e).toLowerCase())}function _(e){return e?.querySelector?.("textarea")||null}function L(e){return e?.querySelector?.(".sf-textarea-hint-text-wrap")||null}function T(e){const t=L(e);return{messageNode:t,errorMessage:"error"===t?.dataset.fieldMessage&&t.textContent?.trim()||""}}function M(e){if(!e||"string"!=typeof e)return null;const t=e.trim();if(!t)return null;try{const e=JSON.parse(t);return e&&"object"==typeof e?e:null}catch{return null}}async function E(e,t){const r=function(e,t){if(!v(t.dataset.mask??e.dataset.mask,!1))return null;const r=M(t.dataset.maskOptions),a=M(e.dataset.maskOptions);if(r)return r;if(a)return a;const s=t.dataset.maskPattern??e.dataset.maskPattern;return s?{mask:String(s)}:null}(e,t);if(!r)return;const a={};e.__sfTextareaMaskRequest=a;try{const s=await function(){const e=()=>window.SF?.Mask?.create?window.SF.Mask:null,t=e();return t?Promise.resolve(t):h||(h=new Promise(t=>{const r=[[window,"sf-mask-ready"],[window,"sf-loader-ready"],[window,"load"],[document,"DOMContentLoaded"]],a=()=>{const s=e();s&&(r.forEach(([e,t])=>e.removeEventListener(t,a)),h=null,t(s))};r.forEach(([e,t])=>e.addEventListener(t,a))}),h)}();if(e.__sfTextareaMaskRequest!==a)return;const n=await s.create(t,r);if(!n)return;if("1"!==e.dataset[w]||e.__sfTextareaMaskRequest!==a||_(e)!==t)return void s.destroy(n);e.__sfTextareaMask=n}catch(e){console.warn("SF.Textarea mask init failed",e)}}function k(e){if(function(e,t){if(e?.classList)for(const[r,a]of Object.entries(c)){const a=`${t}--size-${r}`;e.classList.contains(a)&&e.classList.replace(a,`${t}--size-${u(r,t)}`)}}(e,"sf-textarea"),!e||"1"===e.dataset[w])return;const t=_(e);if(!t)return;const r=()=>{},a=()=>e.classList.add("sf-textarea--pointer-focus"),s=()=>e.classList.remove("sf-textarea--pointer-focus");t.addEventListener("input",r),t.addEventListener("pointerdown",a),t.addEventListener("blur",s),e.__sfTextareaNoopHandler=r,e.__sfTextareaPointerFocusHandler=a,e.__sfTextareaBlurHandler=s,e.dataset[w]="1";const n=T(e);i(e,t,{prefix:"sf-textarea",labelNode:e.querySelector(".sf-textarea-text"),required:t.required||Boolean(e.querySelector(".sf-textarea-required")),invalid:e.classList.contains("error")||t.classList.contains("error"),...n}),e.__sfTextareaReleaseReset=function(e,t){const r=e.ownerDocument;m.has(r)||(r.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const r=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of r)if(e.isConnected&&e.form===t)for(const t of p.get(e)||[])t()},0)},!0),m.add(r));let a=p.get(e);return a||p.set(e,a=new Set),a.add(t),()=>a.delete(t)}(t,()=>{e.__sfTextareaMask&&(e.__sfTextareaMask.value=t.value)}),E(e,t)}function N(e=document){e.querySelectorAll(x).forEach(k)}class O extends e{static componentName="Textarea";html=null;constructor(e){super(e);const{size:t="1",type:r="bordered",label:a="",required:s=!1,placeholder:n="",autocomplete:i="",inputMode:o="",minLength:l="",maxLength:d="",spellcheck:c=!0,wrap:f="soft",hint:p="",value:m="",name:h="",rows:x=3,disabled:w=!1,readonly:_=!1,error:L=!1,invalid:T=!1,errorMessage:M="",mask:E=!1,maskOptions:k,maskPattern:N}=this.params||{},O=this.attrs.class||this.attrs.className,$=u(t,"sf-textarea"),F=function(e,t,r){const a=String(e||r);return t.has(a)?a:r}(r,g,"bordered");this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-textarea",`sf-textarea--size-${$}`,`sf-textarea--${F}`),this.template.classList.toggle("error",v(T||L,!1)),O&&this.template.classList.add(...`${O}`.split(" ").filter(Boolean));const q=document.createElement("span");q.classList.add("sf-textarea-label");const C=document.createElement("span");if(C.classList.add("sf-textarea-text"),C.textContent=String(a),q.append(C),v(s,!0)){const e=document.createElement("span");e.classList.add("sf-textarea-required"),e.textContent="*",q.append(e)}const j=document.createElement("textarea");j.placeholder=String(n??""),i&&(j.autocomplete=String(i)),j.inputMode=function(e){const t=String(e||"").toLowerCase();return y.has(t)?t:""}(o);const P=S(l),A=S(d);null!==P&&(j.minLength=P),null!==A&&(j.maxLength=A),j.spellcheck=v(c,!0),j.wrap=function(e){const t=String(e||"soft").toLowerCase();return b.has(t)?t:"soft"}(f),j.value=String(m??""),j.defaultValue=String(m??""),j.rows=Number(x)>0?Number(x):3,h&&(j.name=String(h)),j.disabled=v(w,!1),j.readOnly=v(_,!1),j.required=v(s,!0),j.classList.toggle("error",v(T||L,!1)),j.dataset.mask=String(Boolean(E)),N&&(j.dataset.maskPattern=String(N)),k&&"object"==typeof k&&(j.dataset.maskOptions=JSON.stringify(k)),this.template.append(q,j);const I=v(T||L,!1)&&M?M:p;if(I){const e=document.createElement("span");e.classList.add("sf-textarea-hint-text-wrap"),e.textContent=String(I),e.dataset.fieldMessage=v(T||L,!1)&&M?"error":"hint",this.template.append(e)}this.applyLayoutUtilities(this.template,".sf-textarea"),this.applyLayoutUtilities(q,".sf-textarea .sf-textarea-label"),this.applyLayoutUtilities(j,".sf-textarea textarea")}init(){k(this.template)}destroyInternal(){!function(e){if(!e||"1"!==e.dataset[w])return;delete e.__sfTextareaMaskRequest;const t=_(e);t&&e.__sfTextareaNoopHandler&&t.removeEventListener("input",e.__sfTextareaNoopHandler),t&&e.__sfTextareaPointerFocusHandler&&t.removeEventListener("pointerdown",e.__sfTextareaPointerFocusHandler),t&&e.__sfTextareaBlurHandler&&t.removeEventListener("blur",e.__sfTextareaBlurHandler),e.__sfTextareaMask&&window.SF?.Mask?.destroy?.(e.__sfTextareaMask),e.__sfTextareaReleaseReset?.(),delete e.__sfTextareaReleaseReset,delete e.__sfTextareaMask,delete e.__sfTextareaNoopHandler,delete e.__sfTextareaPointerFocusHandler,delete e.__sfTextareaBlurHandler,e.classList.remove("sf-textarea--pointer-focus"),delete e.dataset[w]}(this.template)}}O.utilityMap=r,t("Textarea",O),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Textarea=window.SF.Textarea||{},window.SF.Textarea.setState=function(e,t={}){const r=e instanceof HTMLElement?e.closest(x)||e:null;if(!r)return!1;const a=_(r);if(!a)return!1;if(Object.prototype.hasOwnProperty.call(t,"disabled")&&(a.disabled=v(t.disabled)),Object.prototype.hasOwnProperty.call(t,"error")){const e=v(t.error);r.classList.toggle("error",e),a.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"invalid")){const e=v(t.invalid);r.classList.toggle("error",e),a.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"errorMessage")){const e=String(t.errorMessage??""),s=e?function(e){const t=L(e);if(t)return t;const r=document.createElement("span");return r.classList.add("sf-textarea-hint-text-wrap"),e.append(r),r}(r):L(r);if(s){s.textContent=e;const t=r.classList.contains("error")||a.classList.contains("error");s.dataset.fieldMessage=e&&t?"error":"hint"}}return Object.prototype.hasOwnProperty.call(t,"value")&&(a.value=String(t.value??""),a.dispatchEvent(new Event("input",{bubbles:!0}))),i(r,a,{prefix:"sf-textarea",labelNode:r.querySelector(".sf-textarea-text"),required:a.required||Boolean(r.querySelector(".sf-textarea-required")),invalid:r.classList.contains("error")||a.classList.contains("error"),...T(r)}),!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>N()):N();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&(e.matches?.(x)&&k(e),N(e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const r=e.match(/\(([^)]+)\)/g);r&&r.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const r=this.getUtilityMap();if(!r||!r[t])return;this.extractUtilityClasses(r[t]).forEach(t=>e.classList.add(t))}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 t=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)},r=JSON.parse('{".sf-textarea":["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-textarea .sf-textarea-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-textarea textarea":[],".sf-textarea .sf-textarea-hint-text-wrap":["flex/1 (.flex-1)","display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-b0)","justify-content/flex-start (.justify-start)","align-items/center (.items-center)"]}');let s=0;const a=new WeakMap;function n(e,{prefix:t="sf-field",required:r=!1,invalid:n=!1,hint:o="",errorMessage:i=""}={}){const l=function(e,t){if(e&&a.has(e))return a.get(e);const r=(e?.id?String(e.id).trim():"")||`${t}-${++s}`,n={controlId:`${r}-control`,messageId:`${r}-message`};return!e||"object"!=typeof e&&"function"!=typeof e||a.set(e,n),n}(e,t),c=Boolean(n),d=c&&i?i:o;return{...l,required:Boolean(r),invalid:c,message:d,describedBy:d?l.messageId:"",errorMessageId:c&&i?l.messageId:""}}function o(e,t,{prefix:r="sf-field",required:s=!1,invalid:a=!1,messageNode:o=null,labelNode:i=null,errorMessage:l=""}={}){if(!e||!t)return null;const c=n(e,{prefix:r,required:s,invalid:a,hint:o?.textContent?.trim()||"",errorMessage:l});var d,u;return t.id||(t.id=c.controlId),"LABEL"!==e.tagName||e.hasAttribute("for")||e.setAttribute("for",t.id),!i?.textContent?.trim()||t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby")||(i.id||(i.id=`${t.id}-label`),t.setAttribute("aria-labelledby",i.id)),t.required=c.required,e.classList.toggle("error",c.invalid),t.classList.toggle("error",c.invalid),c.invalid?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid"),o&&(o.id||(o.id=c.messageId),t.setAttribute("aria-describedby",(d=t.getAttribute("aria-describedby"),u=[o.id],[...new Set([...String(d||"").split(/\s+/).filter(Boolean),...u.filter(Boolean)])].join(" ")))),c.errorMessageId&&o?t.setAttribute("aria-errormessage",o.id):t.removeAttribute("aria-errormessage"),c}function i(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function l({component:e="",kind:t="attribute",attribute:r="",from:s,to:a=null}={}){if(!s)return;const n=[e,t,r,s].join("|"),o=i(),l=o.get(n);if(l)l.count+=1;else if(o.set(n,{component:e,kind:t,attribute:r,from:s,to:a,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const n=e?`${e}: `:"",o="value"===t?`${r}="${s}"`:`${t} ${s}`;globalThis.console?.warn?.(`[SIMAI Framework] ${n}${o} is a legacy name${a?`; write ${a}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...i().values()].map(e=>({...e}))},e.clear=function(){i().clear()},e.note=l,globalThis.SF.deprecations=e}const c=Object.freeze(["1/2","1","2"]),d=Object.freeze({"1/3":"1/2",3:"2"}),u=new Set;function f(e,t="field",r="1"){const s=String(e??"").trim().toLowerCase();if(c.includes(s))return s;if(Object.hasOwn(d,s)){const e=d[s];l({component:t,kind:"value",attribute:"size",from:s,to:e});const r=`${t}:${s}`;return u.has(r)||"undefined"==typeof console||(u.add(r),console.warn(`[SIMAI Framework] ${t}: size ${s} is retired for form fields; rendering size ${e}.`)),e}return r}const p=new WeakMap,m=new WeakSet;let w=null;const x="label.sf-textarea",h="sfTextareaBound",g=new Set(["bordered","filled"]),y=new Set(["","none","text","tel","url","email","numeric","decimal","search"]),b=new Set(["soft","hard"]);function v(e){if(""===e||null==e)return null;const t=Number(e);return Number.isInteger(t)&&t>=0?t:null}function S(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on"].includes(String(e).toLowerCase())}function L(e){return e?.querySelector?.("textarea")||null}function _(e){return e?.querySelector?.(".sf-textarea-hint-text-wrap")||null}function T(e){const t=_(e);return{messageNode:t,errorMessage:"error"===t?.dataset.fieldMessage&&t.textContent?.trim()||""}}function E(e){if(!e||"string"!=typeof e)return null;const t=e.trim();if(!t)return null;try{const e=JSON.parse(t);return e&&"object"==typeof e?e:null}catch{return null}}const k="sf-textarea--auto-grow";function M(e){if(""===e||null==e)return null;const t=Math.trunc(Number(e));return Number.isFinite(t)&&t>0?t:null}function N(e,t){var r,s;if(!(r=t.dataset.autoGrow??e.dataset.autoGrow,s=e.classList.contains(k),null==r?s:""===r||S(r,s)))return null;const a=M(t.dataset.minRows??e.dataset.minRows)??1,n=M(t.dataset.maxRows??e.dataset.maxRows);return{minRows:a,maxRows:null===n?null:Math.max(n,a)}}function C(e,t){const r=N(e,t);if(!r)return;const s=!e.classList.contains(k);e.classList.add(k),t.rows=r.minRows,t.style.setProperty("--sf-textarea--min-rows",String(r.minRows)),null===r.maxRows?t.style.removeProperty("--sf-textarea--max-rows"):t.style.setProperty("--sf-textarea--max-rows",String(r.maxRows));const a={addedClass:s,fallback:null};if(e.__sfTextareaAutoGrow=a,"undefined"!=typeof CSS&&!0===CSS.supports?.("field-sizing","content"))return;let n=!1,o=-1;const i=()=>{n||function(e,t){if(!t.isConnected||0===t.clientWidth)return;const r=e.style.minBlockSize;e.style.minBlockSize=`${e.getBoundingClientRect().height}px`;const{scrollTop:s}=t;t.style.blockSize="auto";const a=getComputedStyle(t),n=(parseFloat(a.borderTopWidth)||0)+(parseFloat(a.borderBottomWidth)||0);t.style.blockSize=`${t.scrollHeight+n}px`,t.scrollTop!==s&&(t.scrollTop=s),e.style.minBlockSize=r}(e,t)},l=e=>{e.isComposing||i()},c=()=>{n=!0},d=()=>{n=!1,i()};t.addEventListener("input",l),t.addEventListener("compositionstart",c),t.addEventListener("compositionend",d);const u=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,"value");Object.defineProperty(t,"value",{configurable:!0,enumerable:!0,get(){return u.get.call(this)},set(e){u.set.call(this,e),i()}});const f="undefined"==typeof ResizeObserver?null:new ResizeObserver(e=>{const t=Math.round(e[e.length-1].contentRect.width);t!==o&&(o=t,i())});f?.observe(t),i(),a.fallback={grow:i,onInput:l,onCompositionStart:c,onCompositionEnd:d,observer:f}}async function O(e,t){const r=function(e,t){if(!S(t.dataset.mask??e.dataset.mask,!1))return null;const r=E(t.dataset.maskOptions),s=E(e.dataset.maskOptions);if(r)return r;if(s)return s;const a=t.dataset.maskPattern??e.dataset.maskPattern;return a?{mask:String(a)}:null}(e,t);if(!r)return;const s={};e.__sfTextareaMaskRequest=s;try{const a=await function(){const e=()=>window.SF?.Mask?.create?window.SF.Mask:null,t=e();return t?Promise.resolve(t):w||(w=new Promise(t=>{const r=[[window,"sf-mask-ready"],[window,"sf-loader-ready"],[window,"load"],[document,"DOMContentLoaded"]],s=()=>{const a=e();a&&(r.forEach(([e,t])=>e.removeEventListener(t,s)),w=null,t(a))};r.forEach(([e,t])=>e.addEventListener(t,s))}),w)}();if(e.__sfTextareaMaskRequest!==s)return;const n=await a.create(t,r);if(!n)return;if("1"!==e.dataset[h]||e.__sfTextareaMaskRequest!==s||L(e)!==t)return void a.destroy(n);e.__sfTextareaMask=n}catch(e){console.warn("SF.Textarea mask init failed",e)}}function $(e){if(function(e,t){if(e?.classList)for(const[r,s]of Object.entries(d)){const s=`${t}--size-${r}`;e.classList.contains(s)&&e.classList.replace(s,`${t}--size-${f(r,t)}`)}}(e,"sf-textarea"),!e||"1"===e.dataset[h])return;const t=L(e);if(!t)return;const r=()=>{},s=()=>e.classList.add("sf-textarea--pointer-focus"),a=()=>e.classList.remove("sf-textarea--pointer-focus");t.addEventListener("input",r),t.addEventListener("pointerdown",s),t.addEventListener("blur",a),e.__sfTextareaNoopHandler=r,e.__sfTextareaPointerFocusHandler=s,e.__sfTextareaBlurHandler=a,e.dataset[h]="1";const n=T(e);o(e,t,{prefix:"sf-textarea",labelNode:e.querySelector(".sf-textarea-text"),required:t.required||Boolean(e.querySelector(".sf-textarea-required")),invalid:e.classList.contains("error")||t.classList.contains("error"),...n}),e.__sfTextareaReleaseReset=function(e,t){const r=e.ownerDocument;m.has(r)||(r.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const r=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of r)if(e.isConnected&&e.form===t)for(const t of p.get(e)||[])t()},0)},!0),m.add(r));let s=p.get(e);return s||p.set(e,s=new Set),s.add(t),()=>s.delete(t)}(t,()=>{e.__sfTextareaMask&&(e.__sfTextareaMask.value=t.value),e.__sfTextareaAutoGrow?.fallback?.grow()}),C(e,t),O(e,t)}function F(e){if(!e||"1"!==e.dataset[h])return;delete e.__sfTextareaMaskRequest;const t=L(e);t&&e.__sfTextareaNoopHandler&&t.removeEventListener("input",e.__sfTextareaNoopHandler),t&&e.__sfTextareaPointerFocusHandler&&t.removeEventListener("pointerdown",e.__sfTextareaPointerFocusHandler),t&&e.__sfTextareaBlurHandler&&t.removeEventListener("blur",e.__sfTextareaBlurHandler),function(e,t){const r=e.__sfTextareaAutoGrow;if(!r)return;if(delete e.__sfTextareaAutoGrow,r.addedClass&&e.classList.remove(k),!t)return;t.style.removeProperty("--sf-textarea--min-rows"),t.style.removeProperty("--sf-textarea--max-rows");const{fallback:s}=r;s&&(t.removeEventListener("input",s.onInput),t.removeEventListener("compositionstart",s.onCompositionStart),t.removeEventListener("compositionend",s.onCompositionEnd),s.observer?.disconnect(),delete t.value,t.style.removeProperty("block-size"))}(e,t),e.__sfTextareaMask&&window.SF?.Mask?.destroy?.(e.__sfTextareaMask),e.__sfTextareaReleaseReset?.(),delete e.__sfTextareaReleaseReset,delete e.__sfTextareaMask,delete e.__sfTextareaNoopHandler,delete e.__sfTextareaPointerFocusHandler,delete e.__sfTextareaBlurHandler,e.classList.remove("sf-textarea--pointer-focus"),delete e.dataset[h]}function R(e=document){e.querySelectorAll(x).forEach($)}class P extends e{static componentName="Textarea";html=null;constructor(e){super(e);const{size:t="1",type:r="bordered",label:s="",required:a=!1,placeholder:n="",autocomplete:o="",inputMode:i="",minLength:l="",maxLength:c="",spellcheck:d=!0,wrap:u="soft",hint:p="",value:m="",name:w="",rows:x=3,disabled:h=!1,readonly:L=!1,error:_=!1,invalid:T=!1,errorMessage:E="",mask:k=!1,maskOptions:N,maskPattern:C,autoGrow:O=!1,minRows:$,maxRows:F}=this.params||{},R=this.attrs.class||this.attrs.className,P=f(t,"sf-textarea"),q=function(e,t,r){const s=String(e||r);return t.has(s)?s:r}(r,g,"bordered");this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-textarea",`sf-textarea--size-${P}`,`sf-textarea--${q}`),this.template.classList.toggle("error",S(T||_,!1)),R&&this.template.classList.add(...`${R}`.split(" ").filter(Boolean));const j=document.createElement("span");j.classList.add("sf-textarea-label");const A=document.createElement("span");if(A.classList.add("sf-textarea-text"),A.textContent=String(s),j.append(A),S(a,!0)){const e=document.createElement("span");e.classList.add("sf-textarea-required"),e.textContent="*",j.append(e)}const B=document.createElement("textarea");B.placeholder=String(n??""),o&&(B.autocomplete=String(o)),B.inputMode=function(e){const t=String(e||"").toLowerCase();return y.has(t)?t:""}(i);const I=v(l),z=v(c);if(null!==I&&(B.minLength=I),null!==z&&(B.maxLength=z),B.spellcheck=S(d,!0),B.wrap=function(e){const t=String(e||"soft").toLowerCase();return b.has(t)?t:"soft"}(u),B.value=String(m??""),B.defaultValue=String(m??""),B.rows=Number(x)>0?Number(x):3,w&&(B.name=String(w)),B.disabled=S(h,!1),B.readOnly=S(L,!1),B.required=S(a,!0),B.classList.toggle("error",S(T||_,!1)),B.dataset.mask=String(Boolean(k)),C&&(B.dataset.maskPattern=String(C)),N&&"object"==typeof N&&(B.dataset.maskOptions=JSON.stringify(N)),S(O,!1)){B.dataset.autoGrow="true";const e=M($),t=M(F);null!==e&&(B.dataset.minRows=String(e)),null!==t&&(B.dataset.maxRows=String(t))}this.template.append(j,B);const H=S(T||_,!1)&&E?E:p;if(H){const e=document.createElement("span");e.classList.add("sf-textarea-hint-text-wrap"),e.textContent=String(H),e.dataset.fieldMessage=S(T||_,!1)&&E?"error":"hint",this.template.append(e)}this.applyLayoutUtilities(this.template,".sf-textarea"),this.applyLayoutUtilities(j,".sf-textarea .sf-textarea-label"),this.applyLayoutUtilities(B,".sf-textarea textarea")}init(){$(this.template)}destroyInternal(){F(this.template)}}P.utilityMap=r,t("Textarea",P),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Textarea=window.SF.Textarea||{},window.SF.Textarea.setState=function(e,t={}){const r=e instanceof HTMLElement?e.closest(x)||e:null;if(!r)return!1;const s=L(r);if(!s)return!1;if(Object.prototype.hasOwnProperty.call(t,"disabled")&&(s.disabled=S(t.disabled)),Object.prototype.hasOwnProperty.call(t,"error")){const e=S(t.error);r.classList.toggle("error",e),s.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"invalid")){const e=S(t.invalid);r.classList.toggle("error",e),s.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"errorMessage")){const e=String(t.errorMessage??""),a=e?function(e){const t=_(e);if(t)return t;const r=document.createElement("span");return r.classList.add("sf-textarea-hint-text-wrap"),e.append(r),r}(r):_(r);if(a){a.textContent=e;const t=r.classList.contains("error")||s.classList.contains("error");a.dataset.fieldMessage=e&&t?"error":"hint"}}return Object.prototype.hasOwnProperty.call(t,"value")&&(s.value=String(t.value??""),s.dispatchEvent(new Event("input",{bubbles:!0}))),o(r,s,{prefix:"sf-textarea",labelNode:r.querySelector(".sf-textarea-text"),required:s.required||Boolean(r.querySelector(".sf-textarea-required")),invalid:r.classList.contains("error")||s.classList.contains("error"),...T(r)}),!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>R()):R();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&(e.matches?.(x)&&$(e),R(e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/core/contracts/public-js-api.json

@@ -188,8 +188,13 @@
       "name": "SF.ready",
       "status": "public",
       "kind": "function",
-      "loaded_by": "core-loader",
-      "summary": "Runs a function once the runtime is ready."
+      "loaded_by": "core",
+      "summary": "The Loader's readiness (simai/ui-source#16), on window.SF as soon as core.js has run. A thenable: await SF.ready (or SF.ready.then) settles with window.SF exactly when the Loader sends sf-loader-init -- SF.Loader, SF.loadSmartBase and the other core-loader names are there by then -- and a script that asks later gets it already settled; it never rejects. One per page: created once on the shared global, kept by every later bundle (a second core.js included) and never replaced. Called as SF.ready(fn), it runs fn once the Loader is up and the document has been parsed, synchronously when both have happened. A script that runs before core.js queues a function with (window.SF_ON_READY = window.SF_ON_READY || []).push(fn); fn is called with window.SF at the same moment.",
+      "members": [
+        "then",
+        "catch",
+        "finally"
+      ]
     },
     {
       "name": "SF.whenDefined",

package/distr/core/js/core-loader.js

@@ -7086,7 +7086,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"version":1,"aliases":{"column-gap/de
 /***/ "e7acc025fab1"
 (module) {
 
-module.exports = /*#__PURE__*/JSON.parse('{"cl-alert":["display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default"],"cl-avatar":["align-items/default","background-color/default","display/default","element-position/default","flex-direction/default","flex/default","height/default","justify-content/default","overflow/default","place-items/default","position/default","text-overflow/default","transition-property/default","white-space/default","width/default"],"cl-avatars":["align-items/default","display/default","flex-direction/default","position/default"],"cl-badges":["display/default","flex-direction/default","flex-wrap/default","justify-content/default","place-items/default","position/default","sr-only/default"],"cl-breadcrumbs":["align-items/default","container/default","display/default","position/default","visibility/default"],"cl-button-group":["align-items/default","display/default","isolate/default","pointer-events/default","position/default","text-align/default"],"cl-buttons":["align-items/default","display/default","flex/default","pointer-events/default","position/default"],"cl-checkbox":["cursor/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-close":["display/default","justify-content/default","place-items/default","position/default"],"cl-color":["display/default","position/default"],"cl-context-menu":["display/default","flex-direction/default","flex/default","position/default","text-decoration/default"],"cl-copy-button":["display/default","position/default"],"cl-country-code":["display/default","flex-direction/default","place-items/default","position/default","transition-property/default"],"cl-datepicker":["align-content/default","align-items/default","display/default","element-position/default","flex-direction/default","font-transform/default","gap/default","grid-template-columns/default","isolate/default","justify-content/default","overflow/default","position/default","resize/default"],"cl-download-file":["cursor/default","display/default","position/default","transition-property/default"],"cl-drawer":["display/default","justify-content/default","margin/default","place-items/default","position/default"],"cl-dropdown":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default","resize/default","transition-property/default","visibility/default"],"cl-empty-state":["display/default","isolate/default","position/default"],"cl-file-preview":["isolate/default","position/default"],"cl-file-upload":["align-items/default","align-self/default","cursor/default","display/default","flex-direction/default","flex/default","gap/default","grid-template-columns/default","justify-content/default","justify-items/default","position/default","width/default"],"cl-gallery":["align-items/default","background-color/default","border-radius/default","border-width/default","box-shadow/default","display/default","filter-blur/default","flex-direction/default","gap/default","height/default","justify-content/default","margin/default","max-width/default","min-height/default","min-width/default","padding/default","position/default","text-color/default","width/default"],"cl-help-mark":["display/default","isolate/default","position/default"],"cl-icon-buttons":["align-items/default","display/default","pointer-events/default","position/default"],"cl-icons":["font-weight/default","position/default"],"cl-inputs":["align-items/default","display/default","flex-direction/default","position/default","text-align/default","transition-property/default"],"cl-list-item":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","gap/default","justify-content/default","place-items/default","position/default"],"cl-modal":["align-items/default","backdrop-filter-blur/default","border-radius/default","border-width/default","display/default","element-position/default","filter-blur/default","flex-direction/default","flex-wrap/default","font-size/default","gap/default","height/default","justify-content/default","margin/default","min-width/default","overflow/default","padding/default","place-items/default","position/default","text-color/default","title/default","width/default","z-index/default"],"cl-page-header":["align-items/default","display/default","flex-direction/default","flex-grow/default","flex-wrap/default","gap/default","margin/default","min-width/default","position/default","text-overflow/default"],"cl-pagination":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default"],"cl-popover":["display/default","position/default"],"cl-profile-picker":["display/default","position/default"],"cl-progress-bar":["align-items/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-progress-scale":["align-items/default","display/default","flex-direction/default","grid-template-columns/default","overflow/default","position/default"],"cl-radio":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-range-slider":["flex/default","isolate/default","position/default"],"cl-reference-link":["align-items/default","display/default","position/default"],"cl-resizer":["display/default","position/default","resize/default","text-max-width/default"],"cl-skeleton":["animation/default","display/default","flex/default","position/default"],"cl-slider":["background-color/default","border-radius/default","display/default","padding/default","position/default","text-color/default"],"cl-spinner":["animation/default","position/default","stroke-color/default"],"cl-steps":["cursor/default","display/default","flex-direction/default","justify-content/default","place-items/default","position/default"],"cl-switch":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-tabs":["container/default","display/default","flex-direction/default","position/default","resize/default","visibility/default"],"cl-tags":["background-size/default","display/default","flex-direction/default","flex-wrap/default","justify-content/default","min-width/default","place-items/default","position/default"],"cl-textarea":["display/default","flex-direction/default","position/default","transition-property/default"],"cl-theme-generator":["position/default"],"cl-toast":["align-items/default","display/default","flex-direction/default","flex/default","justify-content/default","place-items/default","position/default"],"cl-toggle":["display/default","justify-content/default","place-items/default","position/default","transition-property/default"],"cl-tooltip":["display/default","flex-direction/default","position/default"],"cl-tree":["display/default","flex-direction/default","position/default","visibility/default"],"cl-tree-item":["align-items/default","container/default","display/default","flex-direction/default","position/default"]}');
+module.exports = /*#__PURE__*/JSON.parse('{"cl-alert":["display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default"],"cl-avatar":["align-items/default","background-color/default","display/default","element-position/default","flex-direction/default","flex/default","height/default","justify-content/default","overflow/default","place-items/default","position/default","text-overflow/default","transition-property/default","white-space/default","width/default"],"cl-avatars":["align-items/default","display/default","flex-direction/default","position/default"],"cl-badges":["display/default","flex-direction/default","flex-wrap/default","justify-content/default","place-items/default","position/default","sr-only/default"],"cl-breadcrumbs":["align-items/default","container/default","display/default","position/default","visibility/default"],"cl-button-group":["align-items/default","display/default","isolate/default","pointer-events/default","position/default","text-align/default"],"cl-buttons":["align-items/default","display/default","flex/default","pointer-events/default","position/default"],"cl-checkbox":["cursor/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-close":["display/default","justify-content/default","place-items/default","position/default"],"cl-color":["display/default","position/default"],"cl-context-menu":["display/default","flex-direction/default","flex/default","position/default","text-decoration/default"],"cl-copy-button":["display/default","position/default"],"cl-country-code":["display/default","flex-direction/default","place-items/default","position/default","transition-property/default"],"cl-datepicker":["align-content/default","align-items/default","display/default","element-position/default","flex-direction/default","font-transform/default","gap/default","grid-template-columns/default","isolate/default","justify-content/default","overflow/default","position/default","resize/default"],"cl-download-file":["cursor/default","display/default","position/default","transition-property/default"],"cl-drawer":["display/default","justify-content/default","margin/default","place-items/default","position/default"],"cl-dropdown":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","place-items/default","position/default","resize/default","transition-property/default","visibility/default"],"cl-empty-state":["display/default","isolate/default","position/default"],"cl-file-preview":["isolate/default","position/default"],"cl-file-upload":["align-items/default","align-self/default","cursor/default","display/default","flex-direction/default","flex/default","gap/default","grid-template-columns/default","justify-content/default","justify-items/default","position/default","width/default"],"cl-gallery":["align-items/default","background-color/default","border-radius/default","border-width/default","box-shadow/default","display/default","filter-blur/default","flex-direction/default","gap/default","height/default","justify-content/default","margin/default","max-width/default","min-height/default","min-width/default","padding/default","position/default","text-color/default","width/default"],"cl-help-mark":["display/default","isolate/default","position/default"],"cl-icon-buttons":["align-items/default","display/default","pointer-events/default","position/default"],"cl-icons":["font-weight/default","position/default"],"cl-inputs":["align-items/default","display/default","flex-direction/default","position/default","text-align/default","transition-property/default"],"cl-list-item":["align-items/default","background-color/default","background-size/default","cursor/default","display/default","flex-direction/default","flex-wrap/default","flex/default","gap/default","justify-content/default","place-items/default","position/default"],"cl-modal":["align-items/default","backdrop-filter-blur/default","border-radius/default","border-width/default","display/default","element-position/default","filter-blur/default","flex-direction/default","flex-wrap/default","font-size/default","gap/default","height/default","justify-content/default","margin/default","min-width/default","overflow/default","padding/default","place-items/default","position/default","text-color/default","title/default","width/default","z-index/default"],"cl-page-header":["align-items/default","display/default","flex-direction/default","flex-grow/default","flex-wrap/default","gap/default","margin/default","min-width/default","position/default","text-overflow/default"],"cl-pagination":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default"],"cl-popover":["display/default","position/default"],"cl-profile-picker":["display/default","position/default"],"cl-progress-bar":["align-items/default","display/default","flex-direction/default","position/default","transition-property/default"],"cl-progress-scale":["align-items/default","display/default","flex-direction/default","grid-template-columns/default","overflow/default","position/default"],"cl-radio":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-range-slider":["flex/default","isolate/default","position/default"],"cl-reference-link":["align-items/default","display/default","position/default"],"cl-resizer":["display/default","position/default","resize/default","text-max-width/default"],"cl-skeleton":["animation/default","display/default","flex/default","position/default"],"cl-slider":["background-color/default","border-radius/default","display/default","padding/default","position/default","text-color/default"],"cl-spinner":["animation/default","position/default","stroke-color/default"],"cl-steps":["cursor/default","display/default","flex-direction/default","justify-content/default","place-items/default","position/default"],"cl-switch":["align-items/default","display/default","flex-direction/default","justify-content/default","position/default","transition-property/default"],"cl-tabs":["container/default","display/default","flex-direction/default","position/default","resize/default","visibility/default"],"cl-tags":["background-size/default","display/default","flex-direction/default","flex-wrap/default","justify-content/default","min-width/default","place-items/default","position/default"],"cl-textarea":["display/default","flex-direction/default","isolate/default","position/default","transition-property/default"],"cl-theme-generator":["position/default"],"cl-toast":["align-items/default","display/default","flex-direction/default","flex/default","justify-content/default","place-items/default","position/default"],"cl-toggle":["display/default","justify-content/default","place-items/default","position/default","transition-property/default"],"cl-tooltip":["display/default","flex-direction/default","position/default"],"cl-tree":["display/default","flex-direction/default","position/default","visibility/default"],"cl-tree-item":["align-items/default","container/default","display/default","flex-direction/default","position/default"]}');
 
 /***/ }