forstok-ui-lib 8.9.8 → 8.9.9

package/dist/index.mjs

@@ -4549,11 +4549,11 @@ function Q(e,t){if(!1===e||null==e)throw new Error(t)}function P(e,t){if(!e){"un
     bottom: .75em;
     z-index: 1;
   `}
-`,Lo=({$mode:i,evChange:r,$emojiStyles:n})=>e(zo,Object.assign({$mode:i},n&&{style:n},{children:t(Oo,{$internalWidth:"314px",$bottom:"40px",$openPosition:"left",$placement:"top",children:[e("div",{"aria-label":"control",children:e(na,{$mode:"clearL",title:"Choose Emoticon",children:e(va,{$name:"emoji",$width:"12px"})})}),e("div",{"aria-label":"body",children:t(D.Root,{onEmojiSelect:({emoji:e})=>{r(e),pi()},children:[e(D.Search,{}),t(D.Viewport,{children:[e(D.Loading,{children:"Loading…"}),e(D.Empty,{children:"No emoji found."}),e(D.List,{})]})]})})]})})),Io=r.textarea`
+`,Lo=({$mode:i,evChange:r,isDisabled:n,$emojiStyles:a})=>e(zo,Object.assign({$mode:i},a&&{style:a},{children:t(Oo,{$internalWidth:"314px",$bottom:"40px",$openPosition:"left",$placement:"top",children:[e("div",{"aria-label":"control",children:e(na,{$mode:"clearL",title:"Choose Emoticon",disabled:n,children:e(va,{$name:"emoji",$width:"12px"})})}),e("div",{"aria-label":"body",children:t(D.Root,{onEmojiSelect:({emoji:e})=>{r(e),pi()},children:[e(D.Search,{}),t(D.Viewport,{children:[e(D.Loading,{children:"Loading…"}),e(D.Empty,{children:"No emoji found."}),e(D.List,{})]})]})})]})})),Io=r.textarea`
   ${({$isError:e})=>{if(e)return n` 
         border:1px solid var(--err-clr-ln);
       `}}  
-`,jo=i=>{var r,{$isError:n,reset:a,setReset:d,isForceUpdate:s,setForceUpdate:c,evChange:p,evBlur:h,isField:g,evChangeCustom:m,$isEmoji:x,$emojiStyles:u}=i,v=O(i,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","$isEmoji","$emojiStyles"]);const w=C(null),{name:F,defaultValue:f}=v,[y,A]=o(null!==(r=null==f?void 0:f.toString())&&void 0!==r?r:"");l((()=>{var e;s&&(A(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),c&&c(!1)),a&&(A(""),d&&d(!1))}),[s,c,a,d,f]);const b=e=>{const t=e.target.value;A(t)};let D=Object.assign({},v);return delete D.defaultValue,t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:w,$isError:n,value:y,onChange:e=>{b(e),p&&p(e)},onBlur:e=>{b(e),(e=>{h&&h(e),g&&F&&m&&m(F,e.target.value)})(e)}},D)),x?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t;const i=y+e;if(A(i),F&&(null===(t=document.getElementsByName(F)[0])||void 0===t||t.focus()),w.current){const e={target:w.current,currentTarget:w.current};w.current.value=i,p&&p(e)}}},u&&{style:u})):null]})},Qo=d(((i,r)=>{var{$isError:n,$isEmoji:a,$emojiStyles:o}=i,l=O(i,["$isError","$isEmoji","$emojiStyles"]);const d=C(null);h(r,(()=>d.current));return t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:d,$isError:n},l)),a?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t,i,r;const n=d.current;if(!n)return;const a=null!==(t=n.selectionStart)&&void 0!==t?t:n.value.length,o=null!==(i=n.selectionEnd)&&void 0!==i?i:n.value.length,l=`${n.value.slice(0,a)}${e}${n.value.slice(o)}`,C=a+e.length,s=null===(r=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,"value"))||void 0===r?void 0:r.set;null==s||s.call(n,l),n.focus(),n.setSelectionRange(C,C),n.dispatchEvent(new Event("input",{bubbles:!0}))}},o&&{$emojiStyles:o})):null]})})),Po=n`
+`,jo=i=>{var r,{$isError:n,reset:a,setReset:d,isForceUpdate:s,setForceUpdate:c,evChange:p,evBlur:h,isField:g,evChangeCustom:m,$isEmoji:x,$emojiStyles:u}=i,v=O(i,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","$isEmoji","$emojiStyles"]);const w=C(null),{name:F,defaultValue:f,disabled:y}=v,[A,b]=o(null!==(r=null==f?void 0:f.toString())&&void 0!==r?r:"");l((()=>{var e;s&&(b(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),c&&c(!1)),a&&(b(""),d&&d(!1))}),[s,c,a,d,f]);const D=e=>{const t=e.target.value;b(t)};let E=Object.assign({},v);return delete E.defaultValue,delete E.disabled,t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:w,$isError:n,value:A,onChange:e=>{D(e),p&&p(e)},onBlur:e=>{D(e),(e=>{h&&h(e),g&&F&&m&&m(F,e.target.value)})(e)},disabled:y},E)),x?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t;const i=A+e;if(b(i),F&&(null===(t=document.getElementsByName(F)[0])||void 0===t||t.focus()),w.current){const e={target:w.current,currentTarget:w.current};w.current.value=i,p&&p(e)}},isDisabled:y},u&&{style:u})):null]})},Qo=d(((i,r)=>{var{$isError:n,$isEmoji:a,$emojiStyles:o}=i,l=O(i,["$isError","$isEmoji","$emojiStyles"]);const d=C(null);h(r,(()=>d.current));return t("div",{style:{position:"relative"},children:[e(Io,Object.assign({ref:d,$isError:n},l)),a?e(Lo,Object.assign({$mode:"textarea",evChange:e=>{var t,i,r;const n=d.current;if(!n)return;const a=null!==(t=n.selectionStart)&&void 0!==t?t:n.value.length,o=null!==(i=n.selectionEnd)&&void 0!==i?i:n.value.length,l=`${n.value.slice(0,a)}${e}${n.value.slice(o)}`,C=a+e.length,s=null===(r=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,"value"))||void 0===r?void 0:r.set;null==s||s.call(n,l),n.focus(),n.setSelectionRange(C,C),n.dispatchEvent(new Event("input",{bubbles:!0}))}},o&&{$emojiStyles:o})):null]})})),Po=n`
   align-items: center;
   display: flex;
   flex: 1;