@shwfed/config 2.10.3 → 2.10.4

package/dist/preview/assets/{item-CBFJ6f6b.js → item-B_QcL62I.js}

@@ -1 +1 @@
-import{d as B,G as M,H as k,I as y,o as q,c as T,J as V,b as E,K as x,L as i,M as J,N as L,O as s,P,Q as U,R as W,S as z,T as A,U as G,V as g,W as H,X as b,Y as K}from"./index-Zc4Mcm3J.js";import Q from"./index-_KA5_QIV.js";const Y=B({name:"ShwfedBlockAnimatedNumberItem",__name:"item",props:{item:{}},setup(h){const n=h,j=H(),a=x(void 0),m=x(0);function u(){return G(j)}function S(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:0}return 0}const d=i(()=>a.value===void 0?g():K(a.value));function v(e){if(!e)return"";try{const t=b(s(e,{...u(),json:d.value}));return t==null?"":String(t)}catch{return""}}const w=i(()=>v(n.item.prefix)),I=i(()=>v(n.item.suffix));function N(e){if(e)try{const t=b(s(e,{...u(),json:d.value}));return t==null?void 0:typeof t=="string"||typeof t=="object"?t:String(t)}catch{return}}const _=i(()=>N(n.item.style));async function r(){const e=n.item.dataSource,t=u(),F=J(function*(){let o=g();e.request&&(o=yield*L(yield*s(e.request,t)));const O=yield*s(e.value,{...t,json:o});return{json:P(o),value:O}});try{const o=await U(W(F,z));a.value=o.json,m.value=S(o.value)}catch(o){console.warn("[shwfed-animated-number] fetch failed",o)}}const l=i(()=>(n.item.pollingInterval??0)>0),C=i(()=>Math.max(1,n.item.pollingInterval??1)*1e3),c=A(),{pause:p,resume:f}=M(()=>{r()},C,{immediate:!1});return k(()=>{r(),l.value&&c.value&&f()}),y(c,e=>{l.value&&(e?(r(),f()):p())}),y(()=>[n.item.dataSource.request??"",n.item.dataSource.value,n.item.pollingInterval??0].join("|"),()=>{r(),l.value&&c.value?f():p()}),(e,t)=>(q(),T(E(Q),{value:m.value,prefix:w.value,suffix:I.value,style:V(_.value)},null,8,["value","prefix","suffix","style"]))}});export{Y as default};
+import{d as B,G as M,H as k,I as y,o as q,c as T,J as V,b as E,K as x,L as i,M as J,N as L,O as s,P,Q as U,R as W,S as z,T as A,U as G,V as g,W as H,X as b,Y as K}from"./index-E3_P6Fhz.js";import Q from"./index-BzWZj-hV.js";const Y=B({name:"ShwfedBlockAnimatedNumberItem",__name:"item",props:{item:{}},setup(h){const n=h,j=H(),a=x(void 0),m=x(0);function u(){return G(j)}function S(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:0}return 0}const d=i(()=>a.value===void 0?g():K(a.value));function v(e){if(!e)return"";try{const t=b(s(e,{...u(),json:d.value}));return t==null?"":String(t)}catch{return""}}const w=i(()=>v(n.item.prefix)),I=i(()=>v(n.item.suffix));function N(e){if(e)try{const t=b(s(e,{...u(),json:d.value}));return t==null?void 0:typeof t=="string"||typeof t=="object"?t:String(t)}catch{return}}const _=i(()=>N(n.item.style));async function r(){const e=n.item.dataSource,t=u(),F=J(function*(){let o=g();e.request&&(o=yield*L(yield*s(e.request,t)));const O=yield*s(e.value,{...t,json:o});return{json:P(o),value:O}});try{const o=await U(W(F,z));a.value=o.json,m.value=S(o.value)}catch(o){console.warn("[shwfed-animated-number] fetch failed",o)}}const l=i(()=>(n.item.pollingInterval??0)>0),C=i(()=>Math.max(1,n.item.pollingInterval??1)*1e3),c=A(),{pause:p,resume:f}=M(()=>{r()},C,{immediate:!1});return k(()=>{r(),l.value&&c.value&&f()}),y(c,e=>{l.value&&(e?(r(),f()):p())}),y(()=>[n.item.dataSource.request??"",n.item.dataSource.value,n.item.pollingInterval??0].join("|"),()=>{r(),l.value&&c.value?f():p()}),(e,t)=>(q(),T(E(Q),{value:m.value,prefix:w.value,suffix:I.value,style:V(_.value)},null,8,["value","prefix","suffix","style"]))}});export{Y as default};

package/dist/preview/assets/{runtime-Q_isegB9.js → runtime-BRg0jxiK.js}

@@ -1 +1 @@
-import{d as u,a6 as i,c as l,b as p,L as m,o as d,h as f,a9 as _,aP as k,O as w,U as x,W as g}from"./index-Zc4Mcm3J.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(s){const o=s,{locale:a}=i(),t=g(),c=(e,n)=>w(e,{...x(t),...n}),r=m(()=>{const e=_(o.config.content,a.value)??"";return k(e,c)});return(e,n)=>(d(),l(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};
+import{d as u,a6 as i,c as l,b as p,L as m,o as d,h as f,a9 as _,aP as k,O as w,U as x,W as g}from"./index-E3_P6Fhz.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(s){const o=s,{locale:a}=i(),t=g(),c=(e,n)=>w(e,{...x(t),...n}),r=m(()=>{const e=_(o.config.content,a.value)??"";return k(e,c)});return(e,n)=>(d(),l(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};

package/dist/preview/assets/{runtime-DO9HS0Rb.js → runtime-BbiAwZZ9.js}

@@ -1 +1 @@
-import{d as f,a6 as g,M as l,aO as u,a9 as d,aP as p,aQ as m,aR as x,c as E,b as _,O as h,U as w,aS as C,W as b,o as k}from"./index-Zc4Mcm3J.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const B=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(c){const n=c,{locale:i}=g(),a=b(),s=(e,o)=>h(e,{...w(a),...o}),t=C(),r=l(function*(){yield*u(t,n.config.before,s);const e=d(n.config.markdown,i.value)??"",o=p(e,s);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*x(n.config.expression,s,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:t,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(k(),E(I,{"action-id":c.buttonId,effect:_(r)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as f,a6 as g,M as l,aO as u,a9 as d,aP as p,aQ as m,aR as x,c as E,b as _,O as h,U as w,aS as C,W as b,o as k}from"./index-E3_P6Fhz.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const B=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(c){const n=c,{locale:i}=g(),a=b(),s=(e,o)=>h(e,{...w(a),...o}),t=C(),r=l(function*(){yield*u(t,n.config.before,s);const e=d(n.config.markdown,i.value)??"",o=p(e,s);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*x(n.config.expression,s,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:t,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(k(),E(I,{"action-id":c.buttonId,effect:_(r)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-jWibKv1T.js → runtime-CKoLdM68.js}

@@ -1 +1 @@
-import{d as f,aT as u,aW as d,aX as l,aY as m,c as p,b as w,aZ as _,O as g,U as h,W as b,o as x}from"./index-Zc4Mcm3J.js";import{_ as k}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const C=f({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(t){const o=t,a=_(),i=b(),c=(n,e)=>g(n,{...h(i),...e});function s(n){try{return new URL(n,window.location.href).origin!==window.location.origin}catch{return!1}}const r=u(()=>d(c(o.config.url),n=>l(async()=>{const e=s(n);if(o.config.mode==="_blank"){window.open(e?n:a.resolve(n).href,"_blank");return}await m(n)})));return(n,e)=>(x(),p(k,{"action-id":t.buttonId,effect:w(r)},null,8,["action-id","effect"]))}});export{C as default};
+import{d as f,aT as u,aW as d,aX as l,aY as m,c as p,b as w,aZ as _,O as g,U as h,W as b,o as x}from"./index-E3_P6Fhz.js";import{_ as k}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const C=f({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(t){const o=t,a=_(),i=b(),c=(n,e)=>g(n,{...h(i),...e});function s(n){try{return new URL(n,window.location.href).origin!==window.location.origin}catch{return!1}}const r=u(()=>d(c(o.config.url),n=>l(async()=>{const e=s(n);if(o.config.mode==="_blank"){window.open(e?n:a.resolve(n).href,"_blank");return}await m(n)})));return(n,e)=>(x(),p(k,{"action-id":t.buttonId,effect:w(r)},null,8,["action-id","effect"]))}});export{C as default};

package/dist/preview/assets/{runtime-DQXLscBz.js → runtime-CZ6uHCIE.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";import{d as n,c,b as a,o as f,aV as i}from"./index-Zc4Mcm3J.js";const _=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(t){const e=i;return(r,s)=>(f(),c(o,{"action-id":t.buttonId,effect:a(e)},null,8,["action-id","effect"]))}});export{_ as default};
+import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";import{d as n,c,b as a,o as f,aV as i}from"./index-E3_P6Fhz.js";const _=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(t){const e=i;return(r,s)=>(f(),c(o,{"action-id":t.buttonId,effect:a(e)},null,8,["action-id","effect"]))}});export{_ as default};

package/dist/preview/assets/{runtime-enspc5HG.js → runtime-Cd79TXff.js}

@@ -1 +1 @@
-import{d as r,aT as f,aO as d,c as u,b as m,aS as p,o as l,O as g,U as h,W as _}from"./index-Zc4Mcm3J.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const B=r({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const c=e,s=_(),a=(n,t)=>g(n,{...h(s),...t}),o=p(),i=f(()=>d(o,c.config.triggers,a));return(n,t)=>(l(),u(C,{"action-id":e.buttonId,effect:m(i)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as r,aT as f,aO as d,c as u,b as m,aS as p,o as l,O as g,U as h,W as _}from"./index-E3_P6Fhz.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const B=r({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const c=e,s=_(),a=(n,t)=>g(n,{...h(s),...t}),o=p(),i=f(()=>d(o,c.config.triggers,a));return(n,t)=>(l(),u(C,{"action-id":e.buttonId,effect:m(i)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-Cu0RJn8g.js → runtime-Cfup01hl.js}

@@ -1 +1 @@
-import{d as h,aT as S,M as _,b0 as r,aO as m,b5 as E,b6 as j,c as v,b as x,O as B,U as L,aS as k,W as C,o as O}from"./index-Zc4Mcm3J.js";import{_ as R}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const q=h({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=C(),t=(e,n)=>B(e,{...L(g),...n}),l=k(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=S(()=>_(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess,t)}const a={json:yield*u.json()},i=o===void 0?"success":yield*E(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>j[i](s))}if(i==="success"||i==="info"){const b=yield*(yield*t(e.download,a)).file();yield*r(()=>f(b))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i],t)}));return(e,n)=>(O(),v(R,{"action-id":d.buttonId,effect:x(y)},null,8,["action-id","effect"]))}});export{q as default};
+import{d as h,aT as S,M as _,b0 as r,aO as m,b5 as E,b6 as j,c as v,b as x,O as B,U as L,aS as k,W as C,o as O}from"./index-E3_P6Fhz.js";import{_ as R}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const q=h({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=C(),t=(e,n)=>B(e,{...L(g),...n}),l=k(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=S(()=>_(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess,t)}const a={json:yield*u.json()},i=o===void 0?"success":yield*E(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>j[i](s))}if(i==="success"||i==="info"){const b=yield*(yield*t(e.download,a)).file();yield*r(()=>f(b))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i],t)}));return(e,n)=>(O(),v(R,{"action-id":d.buttonId,effect:x(y)},null,8,["action-id","effect"]))}});export{q as default};

package/dist/preview/assets/{runtime-BIGEoc5L.js → runtime-Cu_C4Joj.js}

@@ -1 +1 @@
-import{d as s,a6 as B,a_ as M,M as p,a9 as c,a$ as x,X as T,c as N,w as d,b as u,K as S,$ as k,aS as L,b0 as $,o as w,j as F,J as I,a as r,b1 as j,b2 as A,aF as H,W as K,b3 as f,a3 as m,b4 as V}from"./index-Zc4Mcm3J.js";import{_ as z}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const Y=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(n){const a=n,{locale:l}=B(),v=e=>{},h=K(),i=k(f,void 0),g=L(),o=S(null),C=M(a.buttonId,{close:()=>$(()=>{o.value?.()})},g),_=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return A(h),m(V,C),i&&m(f,i),()=>t.default?.()}}),b=(e,t)=>H()?.(e,t),E=p(function*(){const e=c(a.config.modalTitle,l.value)??c(a.buttonTitle,l.value)??"",{modal:t,close:y}=yield*x({title:e,width:a.config.modalWidth});o.value=()=>T(y()),yield*t,o.value=null});return(e,t)=>(w(),N(z,{"action-id":n.buttonId,effect:u(E)},{default:d(()=>[F("div",{style:I(n.config.modalMinHeight?`min-height: ${n.config.modalMinHeight}`:void 0)},[r(u(_),null,{default:d(()=>[r(j,{"slot-value":n.config.slot,configure:v,"find-entry":b},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{Y as default};
+import{d as s,a6 as B,a_ as M,M as p,a9 as c,a$ as x,X as T,c as N,w as d,b as u,K as S,$ as k,aS as L,b0 as $,o as w,j as F,J as I,a as r,b1 as j,b2 as A,aF as H,W as K,b3 as f,a3 as m,b4 as V}from"./index-E3_P6Fhz.js";import{_ as z}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const Y=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(n){const a=n,{locale:l}=B(),v=e=>{},h=K(),i=k(f,void 0),g=L(),o=S(null),C=M(a.buttonId,{close:()=>$(()=>{o.value?.()})},g),_=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return A(h),m(V,C),i&&m(f,i),()=>t.default?.()}}),b=(e,t)=>H()?.(e,t),E=p(function*(){const e=c(a.config.modalTitle,l.value)??c(a.buttonTitle,l.value)??"",{modal:t,close:y}=yield*x({title:e,width:a.config.modalWidth});o.value=()=>T(y()),yield*t,o.value=null});return(e,t)=>(w(),N(z,{"action-id":n.buttonId,effect:u(E)},{default:d(()=>[F("div",{style:I(n.config.modalMinHeight?`min-height: ${n.config.modalMinHeight}`:void 0)},[r(u(_),null,{default:d(()=>[r(j,{"slot-value":n.config.slot,configure:v,"find-entry":b},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{Y as default};

package/dist/preview/assets/{runtime-CvMryNNx.js → runtime-D-MaRCSg.js}

@@ -1 +1 @@
-import{d as r,aT as f,aU as u,aO as g,aR as p,c as d,b as m,O as l,U as x,aS as h,W as E,o as _}from"./index-Zc4Mcm3J.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const B=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,i=E(),s=(t,c)=>l(t,{...x(i),...c}),o=h(),a=f(()=>u(g(o,e.config.before,s),()=>p(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:o,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}})));return(t,c)=>(_(),d(b,{"action-id":n.buttonId,effect:m(a)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as r,aT as f,aU as u,aO as g,aR as p,c as d,b as m,O as l,U as x,aS as h,W as E,o as _}from"./index-E3_P6Fhz.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const B=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,i=E(),s=(t,c)=>l(t,{...x(i),...c}),o=h(),a=f(()=>u(g(o,e.config.before,s),()=>p(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:o,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}})));return(t,c)=>(_(),d(b,{"action-id":n.buttonId,effect:m(a)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-BKqyqEeD.js → runtime-DUMSbsqb.js}

@@ -1 +1 @@
-import{d as l,b7 as g,aT as A,aW as y,aO as b,c as S,b as _,O as h,U as O,aS as j,b8 as k,W as C,o as B}from"./index-Zc4Mcm3J.js";import{_ as W}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const a=s,f=C(),c=(e,t)=>h(e,{...O(f),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=j(),m=k((e,t,r)=>{if(Array.isArray(e[t])&&Array.isArray(r))return e[t]=r,!0});function i(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return i(e)&&i(t)?m({...t},e):t}const d=A(()=>y(c(a.config.expression),e=>{for(const t of Object.keys(e)){const r=p(o.getAt(t),e[t]);o.setAt(t,r)}return b(u,a.config.onSuccess,c)}));return(e,t)=>(B(),S(W,{"action-id":s.buttonId,effect:_(d)},null,8,["action-id","effect"]))}});export{F as default};
+import{d as l,b7 as g,aT as A,aW as y,aO as b,c as S,b as _,O as h,U as O,aS as j,b8 as k,W as C,o as B}from"./index-E3_P6Fhz.js";import{_ as W}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const a=s,f=C(),c=(e,t)=>h(e,{...O(f),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=j(),m=k((e,t,r)=>{if(Array.isArray(e[t])&&Array.isArray(r))return e[t]=r,!0});function i(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return i(e)&&i(t)?m({...t},e):t}const d=A(()=>y(c(a.config.expression),e=>{for(const t of Object.keys(e)){const r=p(o.getAt(t),e[t]);o.setAt(t,r)}return b(u,a.config.onSuccess,c)}));return(e,t)=>(B(),S(W,{"action-id":s.buttonId,effect:_(d)},null,8,["action-id","effect"]))}});export{F as default};

package/dist/preview/assets/{runtime-CIc3k_jd.js → runtime-hClBh8tp.js}

@@ -1 +1 @@
-import{d as f,a6 as u,aT as p,aU as d,aO as l,b9 as m,a9 as g,c as x,b as h,O as E,U as _,aS as b,o as B,W as k}from"./index-Zc4Mcm3J.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-Ce_NeQUa.js";const w=f({name:"ShwfedHttpRequestBatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,{locale:a}=u(),c=k(),s=(t,o)=>E(t,{..._(c),...o}),i=b(),r=p(()=>d(l(i,e.config.before,s),()=>m(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,continueOnError:e.config.continueOnError,markdown:g(e.config.markdown,a.value)??""})));return(t,o)=>(B(),x(C,{"action-id":n.buttonId,effect:h(r)},null,8,["action-id","effect"]))}});export{w as default};
+import{d as f,a6 as u,aT as p,aU as d,aO as l,b9 as m,a9 as g,c as x,b as h,O as E,U as _,aS as b,o as B,W as k}from"./index-E3_P6Fhz.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-v2AaUd8i.js";const w=f({name:"ShwfedHttpRequestBatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,{locale:a}=u(),c=k(),s=(t,o)=>E(t,{..._(c),...o}),i=b(),r=p(()=>d(l(i,e.config.before,s),()=>m(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,continueOnError:e.config.continueOnError,markdown:g(e.config.markdown,a.value)??""})));return(t,o)=>(B(),x(C,{"action-id":n.buttonId,effect:h(r)},null,8,["action-id","effect"]))}});export{w as default};

package/dist/preview/assets/{schema-meta-B5tln_XH.js → schema-meta-BACRMkVo.js}

@@ -1 +1 @@
-import{C as o,D as l,E as d}from"./index-Zc4Mcm3J.js";function i(n){switch(n._tag){case"TypeLiteral":return n;case"Transformation":return i(n.to);case"Refinement":return i(n.from);case"Suspend":return i(n.f());default:return null}}function p(n,t){const e=i(n.ast);return e?e.propertySignatures.find(r=>r.name===t)??null:null}function y(n){const t=n.type;if(t._tag==="Union"&&n.isOptional){const e=t.types.find(r=>r._tag!=="UndefinedKeyword");if(e)return e}return t}function c(n,t,e){const r=p(n,t);if(!r)return;const u=e(r);if(o(u))return u.value;const f=y(r),s=e(f);if(o(s))return s.value;if(f!==r.type){const a=e(r.type);if(o(a))return a.value}}function m(n,t){return c(n,t,l)}function v(n,t){return c(n,t,d)}export{v as a,m as g};
+import{C as o,D as l,E as d}from"./index-E3_P6Fhz.js";function i(n){switch(n._tag){case"TypeLiteral":return n;case"Transformation":return i(n.to);case"Refinement":return i(n.from);case"Suspend":return i(n.f());default:return null}}function p(n,t){const e=i(n.ast);return e?e.propertySignatures.find(r=>r.name===t)??null:null}function y(n){const t=n.type;if(t._tag==="Union"&&n.isOptional){const e=t.types.find(r=>r._tag!=="UndefinedKeyword");if(e)return e}return t}function c(n,t,e){const r=p(n,t);if(!r)return;const u=e(r);if(o(u))return u.value;const f=y(r),s=e(f);if(o(s))return s.value;if(f!==r.type){const a=e(r.type);if(o(a))return a.value}}function m(n,t){return c(n,t,l)}function v(n,t){return c(n,t,d)}export{v as a,m as g};

package/dist/preview/index.html

@@ -10,8 +10,8 @@
          `--primary`, the primary button variant renders as transparent. */
       body { --primary: #009689; }
     </style>
-    <script type="module" crossorigin src="./assets/index-Zc4Mcm3J.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-pkoEF5dC.css">
+    <script type="module" crossorigin src="./assets/index-E3_P6Fhz.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-ButPJaOR.css">
   </head>
   <body>
     <div id="app"></div>

package/dist/runtime/components/block-layout-editor/index.vue

@@ -197,6 +197,12 @@ const { planeRef, coordinate, bgStyle, isDragging: isPanning } = useInfinitePlan
   gap: CANVAS_STEP_PX,
   enabled: isSpaceHeld
 });
+function onCanvasWheel(e) {
+  if (e.target?.closest(".inline-config-pane")) return;
+  e.preventDefault();
+  const [dx, dy] = e.shiftKey && e.deltaX === 0 ? [e.deltaY, 0] : [e.deltaX, e.deltaY];
+  coordinate.value = { x: coordinate.value.x - dx, y: coordinate.value.y - dy };
+}
 onMounted(() => recenterSoon());
 function recenter() {
   const el = planeRef.value;
@@ -919,6 +925,7 @@ function onCanvasKeydown(e) {
     class="overflow-hidden border border-zinc-200 bg-zinc-50 select-none outline-none"
     :class="isFullscreen ? 'fixed inset-0 z-40 h-screen w-screen' : 'relative h-full rounded'"
     @keydown="onCanvasKeydown"
+    @wheel="onCanvasWheel"
   >
     <ContextMenu>
       <ContextMenuTrigger as-child>
@@ -1447,6 +1454,7 @@ function onCanvasKeydown(e) {
               v-for="entry in props.pickerEntries"
               :key="`new:${entry.type}@${entry.compatibilityDate}`"
               :value="`new:${entry.type}@${entry.compatibilityDate}`"
+              :keywords="entry.type"
               @select="emitAddNew(entry)"
             >
               <Icon

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.d.vue.ts

@@ -50,6 +50,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -99,6 +166,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.vue

@@ -1,12 +1,15 @@
 <script setup>
-import { computed } from "vue";
+import { computed, inject, onBeforeUnmount, ref, watch } from "vue";
+import { Icon } from "@iconify/vue";
 import { Field, FieldLabel } from "../../../../ui/field";
+import { Button } from "../../../../ui/button";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
+import ActionsConfigEditor from "../../../../actions/config.vue";
 import {
   Select,
   SelectContent,
@@ -15,6 +18,8 @@ import {
   SelectValue
 } from "../../../../ui/select";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
+import { FORM_FIELD_LAYOUT_KEY } from "../../../field-layout";
+import { BREADCRUMB_EXTENSION_KEY } from "../../../../config/breadcrumb-extension";
 import { DEFAULT_FIELD_ORIENTATION, FIELD_ORIENTATION_OPTIONS } from "../../../utils/common";
 import { schema } from "./schema";
 defineOptions({ name: "ShwfedTextFieldConfig" });
@@ -23,6 +28,47 @@ const fieldSchema = schema(() => {
 });
 const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
 const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
+const layout = inject(FORM_FIELD_LAYOUT_KEY, null);
+const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
+const editingAddon = ref(false);
+function closeAddon() {
+  editingAddon.value = false;
+}
+const addonCrumb = breadcrumbExt?.add();
+watch(editingAddon, (on) => {
+  if (layout) layout.fullPane.value = on;
+  if (addonCrumb) {
+    addonCrumb.label.value = on ? "\u8F93\u5165\u6846\u5185\u6309\u94AE" : null;
+    addonCrumb.back.value = on ? closeAddon : null;
+  }
+});
+onBeforeUnmount(() => {
+  if (layout) layout.fullPane.value = false;
+  addonCrumb?.dispose();
+});
+const addonItemCount = computed(() => value.value.addon?.items.length ?? 0);
+const addonValue = computed({
+  get: () => ({
+    kind: "shwfed.component.action",
+    size: value.value.addon?.size ?? "xs",
+    gap: value.value.addon?.gap ?? 4,
+    style: value.value.addon?.style,
+    groups: value.value.addon?.groups ?? [],
+    items: value.value.addon?.items ?? []
+  }),
+  set: (next) => {
+    const { size, gap, style, groups, items } = next;
+    if (groups.length === 0 && items.length === 0) {
+      const { addon: _omit, ...rest } = value.value;
+      value.value = rest;
+      return;
+    }
+    value.value = {
+      ...value.value,
+      addon: { size, gap, groups, items, ...style === void 0 ? {} : { style } }
+    };
+  }
+});
 const pathText = computed({
   get: () => value.value.binding ?? "",
   set: (next) => {
@@ -38,7 +84,16 @@ const pathText = computed({
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
+  <ActionsConfigEditor
+    v-if="editingAddon"
+    v-model="addonValue"
+    hide-size
+  />
+
+  <div
+    v-else
+    class="flex flex-col gap-3"
+  >
     <div class="grid grid-cols-2 gap-3">
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -302,5 +357,26 @@ const pathText = computed({
         @update:model-value="(v) => value = { ...value, validations: v.length > 0 ? v : void 0 }"
       />
     </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('addon')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("addon") }}
+      </FieldLabel>
+      <Button
+        type="button"
+        class="w-full justify-center"
+        @click="editingAddon = true"
+      >
+        <Icon icon="fluent:add-20-regular" />
+        <span>{{ addonItemCount > 0 ? "\u914D\u7F6E\u6309\u94AE" : "\u6DFB\u52A0\u6309\u94AE" }}</span>
+      </Button>
+    </Field>
   </div>
 </template>

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.vue.d.ts

@@ -50,6 +50,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -99,6 +166,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/runtime.vue

@@ -9,6 +9,7 @@ import { getLocalizedText } from "../../../../../share/locale";
 import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
+import ShwfedActions from "../../../../actions/components/group.vue";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValue } from "../../../utils/field-value";
 import { useFieldValidation } from "../../../utils/validation";
@@ -56,6 +57,18 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
   $cel,
   locale: () => locale.value
 });
+const addonConfig = computed(() => {
+  const addon = props.config.addon;
+  if (!addon || addon.items.length === 0) return null;
+  return {
+    kind: "shwfed.component.action",
+    size: addon.size ?? "xs",
+    gap: addon.gap,
+    style: addon.style,
+    groups: addon.groups.map((group) => ({ ...group, variant: group.variant ?? "ghost" })),
+    items: addon.items
+  };
+});
 const showClear = computed(() => !isDisabled.value && draft.value.length > 0);
 function handleClear() {
   draft.value = "";
@@ -123,6 +136,13 @@ function handleClear() {
           <Icon icon="fluent:dismiss-20-regular" />
         </InputGroupButton>
       </InputGroupAddon>
+      <InputGroupAddon
+        v-if="addonConfig"
+        align="inline-end"
+        class="field-addon-actions"
+      >
+        <ShwfedActions :config="addonConfig" />
+      </InputGroupAddon>
     </InputGroup>
     <FieldMessages
       v-if="visible"
@@ -131,3 +151,7 @@ function handleClear() {
     />
   </Field>
 </template>
+
+<style scoped>
+.field-addon-actions :deep([data-slot=buttons]){align-items:center;gap:.125rem}.field-addon-actions :deep([data-slot=buttons-dropdown-trigger]),.field-addon-actions :deep([data-slot=buttons-item]){border-radius:.125rem;color:#71717a;height:1.5rem;min-width:1.5rem;padding:0}.field-addon-actions :deep([data-slot=buttons-dropdown-trigger]:hover:not(:disabled)),.field-addon-actions :deep([data-slot=buttons-item]:hover:not(:disabled)){color:#3f3f46}
+</style>