@oktis-works/admin 0.20.0 → 0.23.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/_astro/{ActivityWidget.DtG_8-bC.js → ActivityWidget.Dzoi-bq3.js} +1 -1
- package/dist/client/_astro/{AdminBar.DWgISuE1.js → AdminBar.eT1ch_B6.js} +1 -1
- package/dist/client/_astro/{ApiKeysManager.9WL8yofB.js → ApiKeysManager.kbTE1CPk.js} +1 -1
- package/dist/client/_astro/{AtGlanceWidget.B5byv-Z6.js → AtGlanceWidget.w23IIv06.js} +1 -1
- package/dist/client/_astro/{BaseLayout.Dw2OoSEv.css → BaseLayout.Rpr86VwM.css} +1 -1
- package/dist/client/_astro/{CommentsManager.C5gleTZN.js → CommentsManager.BN7i1RHa.js} +1 -1
- package/dist/client/_astro/ContentEditor.BlsJ2bwD.js +1 -0
- package/dist/client/_astro/{ContentTypeWorkspace.wFn1FHsk.js → ContentTypeWorkspace.BPVuQgzA.js} +1 -1
- package/dist/client/_astro/{DashboardHome.CoVmaWtV.js → DashboardHome.DXzu_IXZ.js} +1 -1
- package/dist/client/_astro/{DashboardLayout.astro_astro_type_script_index_0_lang.BEDbOjeH.js → DashboardLayout.astro_astro_type_script_index_0_lang.DmNSzErX.js} +1 -1
- package/dist/client/_astro/{FieldGroupEditor.DixyIeAD.js → FieldGroupEditor.DsqphEgt.js} +1 -1
- package/dist/client/_astro/{FieldGroupList.KCRsCtjN.js → FieldGroupList.pW2Um9om.js} +1 -1
- package/dist/client/_astro/FieldRenderer.AYtSBfHZ.js +3 -0
- package/dist/client/_astro/{Footer.Bis7kk52.js → Footer.5Lcn2VXz.js} +1 -1
- package/dist/client/_astro/{GeneralSettings.DWUL4EPc.js → GeneralSettings.B-H8Rzy7.js} +1 -1
- package/dist/client/_astro/{LogsManager.wobqWCrD.js → LogsManager.Crd8q2te.js} +1 -1
- package/dist/client/_astro/{MediaLibrary.B_DxFMQi.js → MediaLibrary.Cv6Ry3u9.js} +1 -1
- package/dist/client/_astro/{MenuManager.CB6j6yQw.js → MenuManager.D25ika09.js} +1 -1
- package/dist/client/_astro/{Modal.eJIvbMT2.js → Modal.572hmVvb.js} +1 -1
- package/dist/client/_astro/{PluginManager.CT-7t4Wz.js → PluginManager.DLfgQFPF.js} +1 -1
- package/dist/client/_astro/{PostTypesManager.LW5RMORG.js → PostTypesManager.C3RbmOZT.js} +1 -1
- package/dist/client/_astro/{QuickDraftWidget.zabr8JfM.js → QuickDraftWidget.BtSGzhKq.js} +1 -1
- package/dist/client/_astro/{ReadingSettings.BiSPyKOf.js → ReadingSettings.ZFDaeo5U.js} +1 -1
- package/dist/client/_astro/{ResourceHubs.CmV4Mz6z.js → ResourceHubs.Cx9fbCv1.js} +1 -1
- package/dist/client/_astro/{TaxonomiesManager.BzFfeZEj.js → TaxonomiesManager.BLsvmjaL.js} +1 -1
- package/dist/client/_astro/TaxonomyTermsManager.C_xEh8Ab.js +1 -0
- package/dist/client/_astro/ThemeCustomizer.BrDHVXLk.js +577 -0
- package/dist/client/_astro/{ThemeManager.BVqp2Bk3.js → ThemeManager.BpS3m7Qc.js} +2 -2
- package/dist/client/_astro/{UserCreateForm.D2dkK0S5.js → UserCreateForm.BYwgAqKk.js} +1 -1
- package/dist/client/_astro/{UsersManager.CUU4ncDR.js → UsersManager.DODMr48D.js} +1 -1
- package/dist/client/_astro/{WebhooksManager.DV2TWIOt.js → WebhooksManager.DmWIW272.js} +1 -1
- package/dist/client/_astro/ar.BCtMLfbL.js +1 -0
- package/dist/client/_astro/clone.oDfZEkVn.js +1 -0
- package/dist/client/_astro/es-ES.BfYd3kCv.js +1 -0
- package/dist/client/_astro/he.pQFPO6hc.js +1 -0
- package/dist/client/_astro/{i18n.BFBHzd3w.js → i18n.A82w5XQu.js} +1 -1
- package/dist/client/_astro/it.ZpeUogpB.js +1 -0
- package/dist/client/_astro/ja.Ch5X4gaR.js +1 -0
- package/dist/client/_astro/pl.DDgkAPXr.js +1 -0
- package/dist/client/_astro/{pt-BR.DB_qjzov.js → pt-BR.zZcF2v3X.js} +1 -1
- package/dist/client/_astro/ru.CAjJz8Cj.js +1 -0
- package/dist/client/_astro/sw.CehAEkRN.js +1 -0
- package/dist/client/_astro/tr.Sf1XkPHa.js +1 -0
- package/dist/client/_astro/uk.-2u2eOOq.js +1 -0
- package/dist/client/_astro/yo.os9m69tq.js +1 -0
- package/dist/client/_astro/zh-CN.Bt1lpQQu.js +1 -0
- package/dist/server/chunks/{404_BMps-rRP.mjs → 404_BAOD9OCa.mjs} +1 -1
- package/dist/server/chunks/{BaseLayout_eq-iwg5V.mjs → BaseLayout_BE8O-LS4.mjs} +2 -2
- package/dist/server/chunks/{ContentEditor_CD80dY0I.mjs → ContentEditor_DPy3I4HM.mjs} +4 -3
- package/dist/server/chunks/{DashboardLayout_CrO_yWkB.mjs → DashboardLayout_D6zphdT0.mjs} +2 -2
- package/dist/server/chunks/{FieldRenderer_BSvrsqN8.mjs → FieldRenderer_D4dcZjgt.mjs} +3 -61
- package/dist/server/chunks/{MediaLibrary_BGZEgsua.mjs → MediaLibrary_DGmYSSZH.mjs} +2 -2
- package/dist/server/chunks/{Modal_QxIjzTdp.mjs → Modal_BmuvdwoB.mjs} +1 -1
- package/dist/server/chunks/{_id__BIPcYNtN.mjs → _id__XEnJ5nS2.mjs} +2 -2
- package/dist/server/chunks/{_slug__XNFTP0Q1.mjs → _slug__BkXrukGe.mjs} +1 -1
- package/dist/server/chunks/{access_D-_mBK3K.mjs → access_B5npG273.mjs} +3 -3
- package/dist/server/chunks/{api-keys_z4-GVRaL.mjs → api-keys_Bs6zIXYm.mjs} +3 -3
- package/dist/server/chunks/{ar_DObFFdrO.mjs → ar_Cgz1nkYN.mjs} +30 -3
- package/dist/server/chunks/clone_FT3Zf-Bf.mjs +59 -0
- package/dist/server/chunks/{comments_qCxr0Y8w.mjs → comments_zJrnFEjl.mjs} +2 -2
- package/dist/server/chunks/{custom-fields_Dp3OiD0S.mjs → custom-fields_C5EBkR02.mjs} +2 -2
- package/dist/server/chunks/customize_CKqMX14y.mjs +1629 -0
- package/dist/server/chunks/{edit_BxXS3NT6.mjs → edit_QKBYgFkJ.mjs} +2 -2
- package/dist/server/chunks/{es-ES_D6jd6T7H.mjs → es-ES_Bw0g3h9x.mjs} +30 -3
- package/dist/server/chunks/{he_DwGJwonL.mjs → he_BcJYW2q8.mjs} +30 -3
- package/dist/server/chunks/{i18n_jhv_lr6z.mjs → i18n_C-sgJSi1.mjs} +14 -13
- package/dist/server/chunks/{index_tQk65WtE.mjs → index_BM_-WBYo.mjs} +2 -2
- package/dist/server/chunks/{index_aa5_ET2K.mjs → index_BletZ9T6.mjs} +3 -3
- package/dist/server/chunks/{index_BuUzsa32.mjs → index_Btvmuytk.mjs} +2 -2
- package/dist/server/chunks/{index_CaR204jg.mjs → index_CDwohy44.mjs} +2 -2
- package/dist/server/chunks/{index_DVQd057F.mjs → index_DenKi4a3.mjs} +2 -2
- package/dist/server/chunks/{it_CMLpQyoj.mjs → it_CgOxhoxy.mjs} +30 -3
- package/dist/server/chunks/{ja_CYRz0pHv.mjs → ja_0swn1wUm.mjs} +30 -3
- package/dist/server/chunks/{login_JwlFuBYd.mjs → login_CtIWLqC2.mjs} +1 -1
- package/dist/server/chunks/{logs_td2w_HCW.mjs → logs_DlTldv5b.mjs} +2 -2
- package/dist/server/chunks/{menus_Brbqh27T.mjs → menus_z2d_K44p.mjs} +2 -2
- package/dist/server/chunks/{new_aklFjYkE.mjs → new_CYvLScge.mjs} +2 -2
- package/dist/server/chunks/{new_M5jNG81S.mjs → new_Cxp8Mdw4.mjs} +2 -2
- package/dist/server/chunks/{pl_BuXVPvU1.mjs → pl_eLBKfEwP.mjs} +30 -3
- package/dist/server/chunks/{plugins_KhcXhLHj.mjs → plugins_4g6EEkCb.mjs} +2 -2
- package/dist/server/chunks/{post-types_DD3nerIE.mjs → post-types_7cW4BLBV.mjs} +2 -2
- package/dist/server/chunks/{pt-BR_Barbcx-V.mjs → pt-BR_AVNE88MZ.mjs} +1 -0
- package/dist/server/chunks/{reading_ghF5feXj.mjs → reading_2DqfBhj_.mjs} +2 -2
- package/dist/server/chunks/{ru_C56ltukG.mjs → ru_Dt3fMzac.mjs} +30 -3
- package/dist/server/chunks/{sw_Dhw0GAgD.mjs → sw_oPyQwKSK.mjs} +30 -3
- package/dist/server/chunks/{taxonomies_CsUEhmvC.mjs → taxonomies_D7mMKpNX.mjs} +2 -2
- package/dist/server/chunks/{taxonomy_BfNm0HUh.mjs → taxonomy_64ggDTF9.mjs} +4 -3
- package/dist/server/chunks/{themes_DnFB-Bio.mjs → themes_Dscq-5uk.mjs} +6 -4
- package/dist/server/chunks/{tr_zELRy7A-.mjs → tr_DG1ipiJ0.mjs} +30 -3
- package/dist/server/chunks/{uk_DVOqp1x6.mjs → uk_DCWgX6k4.mjs} +30 -3
- package/dist/server/chunks/{upload_D5xS-Nri.mjs → upload_B-DdqpaQ.mjs} +2 -2
- package/dist/server/chunks/{webhooks_B_6eHrir.mjs → webhooks_D05B4_Rs.mjs} +2 -2
- package/dist/server/chunks/{yo_BqgZcoxs.mjs → yo_DsFzhH21.mjs} +30 -3
- package/dist/server/chunks/{zh-CN_Dz2D1XUc.mjs → zh-CN_OaG8XYVK.mjs} +30 -3
- package/dist/server/entry.mjs +28 -28
- package/dist/server/virtual_astro_middleware.mjs +1 -1
- package/package.json +2 -2
- package/dist/client/_astro/ContentEditor.C0RpyhzW.js +0 -1
- package/dist/client/_astro/FieldRenderer.BjnbGFPe.js +0 -3
- package/dist/client/_astro/TaxonomyTermsManager.CvCxMf0u.js +0 -1
- package/dist/client/_astro/ThemeCustomizer.BIct4Scf.js +0 -49
- package/dist/client/_astro/ar.BeEmOTlL.js +0 -1
- package/dist/client/_astro/es-ES.C0DI0CK6.js +0 -1
- package/dist/client/_astro/he.RF4swhtn.js +0 -1
- package/dist/client/_astro/it.DhCR9YsW.js +0 -1
- package/dist/client/_astro/ja.DPrxHQvU.js +0 -1
- package/dist/client/_astro/pl.6VCoPa7y.js +0 -1
- package/dist/client/_astro/ru.Cv0Z6X2y.js +0 -1
- package/dist/client/_astro/sw.BBMIgY-Y.js +0 -1
- package/dist/client/_astro/tr.BWEmWhCE.js +0 -1
- package/dist/client/_astro/uk.DDXJXOmn.js +0 -1
- package/dist/client/_astro/yo.DNoEBLJd.js +0 -1
- package/dist/client/_astro/zh-CN.CVKBB6Ky.js +0 -1
- package/dist/server/chunks/customize_zTqT6Yj2.mjs +0 -233
|
@@ -0,0 +1,577 @@
|
|
|
1
|
+
import{S as e,a as t,f as n,h as r,l as i,p as a,r as o}from"./solid.Ck4Vtfe4.js";import{_ as s,a as c,f as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _,v}from"./web.DD6VKaIp.js";import{n as y}from"./i18n.A82w5XQu.js";import{n as b}from"./api.53l1ob4Z.js";import{n as x}from"./FieldRenderer.AYtSBfHZ.js";var S=s(`<div class=datetime-customizer><label class=datetime-customizer__label></label><input class="input datetime-customizer__input"><style>
|
|
2
|
+
.datetime-customizer { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
3
|
+
.datetime-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }
|
|
4
|
+
.datetime-customizer__input { width: 100%; max-width: 280px; }
|
|
5
|
+
`);function C(e){let{t}=y(),{value:n,onChange:i,type:o,placeholder:s,label:c,min:l,max:u,step:h}=e,[g,_]=r(n||``),v=e=>{let t=e.currentTarget.value;_(t),i(t)},b={date:t(`customizer.fieldTypes.date.label`),"datetime-local":t(`customizer.fieldTypes.datetime.label`),time:t(`customizer.fieldTypes.time.label`)};return(()=>{var e=p(S),n=e.firstChild,r=n.nextSibling;return d(n,()=>c||b[o]),r.addEventListener(`change`,v),m(r,`type`,o),m(r,`min`,l),m(r,`max`,u),m(r,`step`,h),a(()=>m(r,`placeholder`,s||t(`customizer.fieldTypes.${o}.placeholder`))),a(()=>f(r,`value`,g())),e})()}var w=s(`<div class=entity-selector__pagination><button class="btn btn-secondary">← Anterior</button><span>P\\u00e1gina <!$><!/> de <!$><!/></span><button class="btn btn-secondary">Pr\\u00f3xima →`),T=s(`<div class=entity-selector__dropdown><div class=entity-selector__search><input type=text class=input autofocus><button class="btn btn-secondary"></button></div><div class=entity-selector__list><!$><!/><!$><!/></div><!$><!/>`),E=s(`<div class=entity-selector-customizer><label class=entity-selector__label></label><div class=entity-selector__trigger><div class=entity-selector__selected></div><span class=entity-selector__arrow></span></div><!$><!/><style>
|
|
6
|
+
.entity-selector-customizer { position: relative; }
|
|
7
|
+
.entity-selector__label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }
|
|
8
|
+
.entity-selector__trigger {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
padding: 0.5rem 0.75rem;
|
|
13
|
+
border: 1px solid var(--color-border);
|
|
14
|
+
border-radius: var(--radius-md);
|
|
15
|
+
background: var(--color-white);
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
min-height: 42px;
|
|
18
|
+
transition: border-color 0.15s;
|
|
19
|
+
}
|
|
20
|
+
.entity-selector__trigger:hover { border-color: var(--color-primary); }
|
|
21
|
+
.entity-selector__selected { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1; min-height: 24px; }
|
|
22
|
+
.entity-selector__chip {
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
gap: 0.25rem;
|
|
26
|
+
padding: 0.25rem 0.5rem;
|
|
27
|
+
background: var(--color-primary-soft);
|
|
28
|
+
color: var(--color-primary);
|
|
29
|
+
border-radius: var(--radius-full);
|
|
30
|
+
font-size: 0.75rem;
|
|
31
|
+
}
|
|
32
|
+
.entity-selector__chip-remove {
|
|
33
|
+
background: none;
|
|
34
|
+
border: none;
|
|
35
|
+
color: var(--color-primary);
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
padding: 0;
|
|
38
|
+
font-size: 0.75rem;
|
|
39
|
+
line-height: 1;
|
|
40
|
+
}
|
|
41
|
+
.entity-selector__placeholder { color: var(--color-muted); font-size: 0.875rem; }
|
|
42
|
+
.entity-selector__arrow { font-size: 0.75rem; color: var(--color-muted); transition: transform 0.15s; }
|
|
43
|
+
.entity-selector__dropdown {
|
|
44
|
+
position: absolute;
|
|
45
|
+
top: 100%;
|
|
46
|
+
left: 0;
|
|
47
|
+
right: 0;
|
|
48
|
+
background: var(--color-white);
|
|
49
|
+
border: 1px solid var(--color-border);
|
|
50
|
+
border-radius: var(--radius-md);
|
|
51
|
+
box-shadow: var(--shadow-lg);
|
|
52
|
+
margin-top: 0.25rem;
|
|
53
|
+
z-index: 100;
|
|
54
|
+
max-height: 500px;
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-direction: column;
|
|
57
|
+
}
|
|
58
|
+
.entity-selector__search {
|
|
59
|
+
display: flex;
|
|
60
|
+
gap: 0.5rem;
|
|
61
|
+
padding: 0.75rem;
|
|
62
|
+
border-bottom: 1px solid var(--color-border);
|
|
63
|
+
}
|
|
64
|
+
.entity-selector__search input { flex: 1; }
|
|
65
|
+
.entity-selector__list {
|
|
66
|
+
max-height: 300px;
|
|
67
|
+
overflow-y: auto;
|
|
68
|
+
}
|
|
69
|
+
.entity-selector__item {
|
|
70
|
+
padding: 0.5rem 0.75rem;
|
|
71
|
+
cursor: pointer;
|
|
72
|
+
border-bottom: 1px solid var(--color-border);
|
|
73
|
+
transition: background 0.1s;
|
|
74
|
+
}
|
|
75
|
+
.entity-selector__item:hover { background: var(--color-primary-soft); }
|
|
76
|
+
.entity-selector__item.selected { background: var(--color-primary-soft); border-left: 3px solid var(--color-primary); }
|
|
77
|
+
.entity-selector__empty { padding: 1rem; text-align: center; color: var(--color-muted); }
|
|
78
|
+
.entity-selector__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 0.75rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; }
|
|
79
|
+
`),D=s(`<span class=entity-selector__chip><!$><!/><button type=button class=entity-selector__chip-remove>✕`),O=s(`<span class=entity-selector__placeholder>`),k=s(`<div><span></span><!$><!/>`),A=s(`<span class=entity-selector__item-slug>`),j=s(`<div class=entity-selector__empty>Nenhum resultado encontrado`);function M(n){let{value:s,onChange:c,entityType:h,taxonomy:v,multiple:y=!1,placeholder:x=`Buscar...`,label:S}=n,[C,M]=r([]),[N,P]=r(0),[F,I]=r(1),[L,R]=r(``),[z,B]=r(!1),[V,H]=r(!1),[U,W]=r([]),G=Array.isArray(s)?s:s?[s]:[];e(()=>{W(G)});let K=async()=>{try{B(!0);let e;e=h===`taxonomy`?(await b.getTaxonomyTerms(v??``)).map(e=>({id:e.id,name:e.name||e.slug||e.id,slug:e.slug})):((await b.listUsers({page:F(),limit:10,search:L()||void 0})).data??[]).map(e=>({id:e.id,name:e.name,slug:e.email})),M(e),P(e.length)}catch(e){console.error(`Entity load error:`,e)}finally{B(!1)}},q=async()=>{I(1),await K()},J=e=>{let t=U();t.includes(e)?W(t.filter(t=>t!==e)):y?W([...t,e]):(W([e]),H(!1));let n=y?t.includes(e)?t.filter(t=>t!==e):[...t,e]:[e];c(y?n:n[0]??``)};return(()=>{var e=p(E),n=e.firstChild,r=n.nextSibling,s=r.firstChild,c=s.nextSibling,v=r.nextSibling,[y,b]=g(v.nextSibling);return y.nextSibling,d(n,S||(h===`taxonomy`?`Taxonomia`:`Usuário`)),r.$$click=()=>{H(!V()),V()||K()},d(s,(()=>{var e=_(()=>U().length>0);return()=>e()?i(o,{get each(){return U()},children:e=>{let t=C().find(t=>t.id===e);return(()=>{var n=p(D),r=n.firstChild,[i,a]=g(r.nextSibling),o=i.nextSibling;return d(n,()=>t?t.name||t.slug||t.id:e,i,a),o.$$click=t=>{t.stopPropagation(),J(e)},l(),n})()}}):(()=>{var e=p(O);return d(e,x),e})()})()),d(c,()=>V()?`▲`:`▼`),d(e,i(t,{get when(){return V()},get children(){var e=p(T),n=e.firstChild,r=n.firstChild,s=r.nextSibling,c=n.nextSibling,h=c.firstChild,[v,y]=g(h.nextSibling),b=v.nextSibling,[S,E]=g(b.nextSibling),D=c.nextSibling,[O,M]=g(D.nextSibling);return r.$$keydown=e=>e.key===`Enter`&&q(),r.$$input=e=>{R(e.currentTarget.value),I(1),K()},m(r,`placeholder`,x),s.$$click=q,d(s,()=>z()?`Carregando...`:`Buscar`),d(c,i(o,{get each(){return C()},children:e=>(()=>{var t=p(k),n=t.firstChild,r=n.nextSibling,[i,o]=g(r.nextSibling);return t.$$click=()=>J(e.id),d(n,()=>e.name||e.slug||e.id),d(t,(()=>{var t=_(()=>!!e.slug);return()=>t()&&(()=>{var t=p(A);return d(t,()=>e.slug),t})()})(),i,o),a(()=>u(t,`entity-selector__item ${U().includes(e.id)?`selected`:``}`)),l(),t})()}),v,y),d(c,(()=>{var e=_(()=>!(C().length!==0||z()));return()=>e()&&p(j)})(),S,E),d(e,i(t,{get when(){return N()>10},get children(){var e=p(w),t=e.firstChild,n=t.nextSibling,r=n.firstChild.nextSibling,[i,o]=g(r.nextSibling),s=i.nextSibling.nextSibling,[c,u]=g(s.nextSibling),m=n.nextSibling;return t.$$click=()=>{I(F()-1),K()},d(n,F,i,o),d(n,()=>Math.ceil(N()/10),c,u),m.$$click=()=>{I(F()+1),K()},a(e=>{var n=F()<=1,r=F()>=Math.ceil(N()/10);return n!==e.e&&f(t,`disabled`,e.e=n),r!==e.t&&f(m,`disabled`,e.t=r),e},{e:void 0,t:void 0}),l(),e}}),O,M),a(()=>f(s,`disabled`,z())),a(()=>f(r,`value`,L())),l(),e}}),y,b),l(),e})()}c([`click`,`input`,`keydown`]);var N=s(`<div class=flexible-content-customizer><label class=flexible-content-customizer__label></label><div class=flexible-content-customizer__rows><!$><!/><!$><!/></div><div class=flexible-content-customizer__layout-picker><span class=flexible-content-customizer__picker-label>Add layout:</span><div class=flexible-content-customizer__layout-buttons></div></div><style>
|
|
80
|
+
.flexible-content-customizer {
|
|
81
|
+
display: flex;
|
|
82
|
+
flex-direction: column;
|
|
83
|
+
gap: 0.5rem;
|
|
84
|
+
}
|
|
85
|
+
.flexible-content-customizer__label {
|
|
86
|
+
font-size: 0.75rem;
|
|
87
|
+
font-weight: 600;
|
|
88
|
+
color: var(--color-text);
|
|
89
|
+
margin-bottom: 0.25rem;
|
|
90
|
+
}
|
|
91
|
+
.flexible-content-customizer__rows {
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
gap: 0.5rem;
|
|
95
|
+
}
|
|
96
|
+
.flexible-content-customizer__row {
|
|
97
|
+
border: 1px solid var(--color-border);
|
|
98
|
+
border-radius: var(--radius-md);
|
|
99
|
+
background: var(--color-white);
|
|
100
|
+
overflow: hidden;
|
|
101
|
+
}
|
|
102
|
+
.flexible-content-customizer__row-header {
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
justify-content: space-between;
|
|
106
|
+
padding: 0.75rem 1rem;
|
|
107
|
+
background: #f5f5f5;
|
|
108
|
+
border-bottom: 1px solid var(--color-border);
|
|
109
|
+
flex-wrap: wrap;
|
|
110
|
+
gap: 0.5rem;
|
|
111
|
+
}
|
|
112
|
+
.flexible-content-customizer__row-label {
|
|
113
|
+
font-weight: 500;
|
|
114
|
+
font-size: 0.875rem;
|
|
115
|
+
}
|
|
116
|
+
.flexible-content-customizer__layout-badge {
|
|
117
|
+
font-size: 0.625rem;
|
|
118
|
+
padding: 0.125rem 0.375rem;
|
|
119
|
+
background: var(--color-primary-soft);
|
|
120
|
+
color: var(--color-primary);
|
|
121
|
+
border-radius: var(--radius-full);
|
|
122
|
+
text-transform: uppercase;
|
|
123
|
+
}
|
|
124
|
+
.flexible-content-customizer__row-actions {
|
|
125
|
+
display: flex;
|
|
126
|
+
gap: 0.25rem;
|
|
127
|
+
}
|
|
128
|
+
.flexible-content-customizer__row-actions .btn-icon {
|
|
129
|
+
padding: 0.25rem 0.5rem;
|
|
130
|
+
font-size: 0.75rem;
|
|
131
|
+
min-width: auto;
|
|
132
|
+
}
|
|
133
|
+
.flexible-content-customizer__fields {
|
|
134
|
+
padding: 1rem;
|
|
135
|
+
display: flex;
|
|
136
|
+
flex-direction: column;
|
|
137
|
+
gap: 0.75rem;
|
|
138
|
+
}
|
|
139
|
+
.flexible-content-customizer__field {
|
|
140
|
+
display: flex;
|
|
141
|
+
flex-direction: column;
|
|
142
|
+
gap: 0.5rem;
|
|
143
|
+
}
|
|
144
|
+
.flexible-content-customizer__empty {
|
|
145
|
+
padding: 2rem;
|
|
146
|
+
text-align: center;
|
|
147
|
+
color: var(--color-muted);
|
|
148
|
+
}
|
|
149
|
+
.flexible-content-customizer__layout-picker {
|
|
150
|
+
margin-top: 1rem;
|
|
151
|
+
padding-top: 1rem;
|
|
152
|
+
border-top: 1px solid var(--color-border);
|
|
153
|
+
}
|
|
154
|
+
.flexible-content-customizer__picker-label {
|
|
155
|
+
display: block;
|
|
156
|
+
font-size: 0.75rem;
|
|
157
|
+
font-weight: 600;
|
|
158
|
+
color: var(--color-text);
|
|
159
|
+
margin-bottom: 0.5rem;
|
|
160
|
+
}
|
|
161
|
+
.flexible-content-customizer__layout-buttons {
|
|
162
|
+
display: flex;
|
|
163
|
+
flex-wrap: wrap;
|
|
164
|
+
gap: 0.5rem;
|
|
165
|
+
}
|
|
166
|
+
.flexible-content-customizer__layout-btn {
|
|
167
|
+
display: flex;
|
|
168
|
+
align-items: center;
|
|
169
|
+
gap: 0.375rem;
|
|
170
|
+
}
|
|
171
|
+
`),P=s(`<div class=flexible-content-customizer__fields>`),F=s(`<div class=flexible-content-customizer__row><div class=flexible-content-customizer__row-header><span class=flexible-content-customizer__row-label></span><span class=flexible-content-customizer__layout-badge></span><div class=flexible-content-customizer__row-actions><button type=button class="btn btn-icon"></button><button type=button class="btn btn-icon"aria-label="Move up">↑</button><button type=button class="btn btn-icon"aria-label="Move down">↓</button><button type=button class="btn btn-icon btn-danger"aria-label="Remove layout">✕</button></div></div><!$><!/>`),I=s(`<div class=flexible-content-customizer__field>`),L=s(`<div class=flexible-content-customizer__empty>No layouts added. Choose a layout below to start.`),R=s(`<button type=button class="btn btn-secondary flexible-content-customizer__layout-btn">`);function z(e){let{value:n,onChange:s,layouts:c,label:u,minRows:h=0,maxRows:v}=e,[y,b]=r(n||[]),[x,S]=r(new Set([0])),C=e=>c.find(t=>t.name===e),w=e=>{if(v!==void 0&&y().length>=v)return;let t=C(e);if(!t)return;let n={fc_layout:e};for(let e of t.subFields)n[e.name]=e.default??``;b([...y(),n])},T=e=>{let t=y();if(t.length<=h)return;let n=t.filter((t,n)=>n!==e);b(n);let r=new Set(x());r.delete(e);let i=new Set;r.forEach(t=>{t>e?i.add(t-1):t<e&&i.add(t)}),S(i)},E=(e,t)=>{let n=y(),r=t===`up`?e-1:e+1;if(r<0||r>=n.length)return;let i=[...y()],a=i[e],o=i[r];a&&o&&(i[e]=o,i[r]=a),b(i)},D=(e,t,n)=>{let r=[...y()],i=r[e];i&&(r[e]={...i,[t]:n}),b(r),s(r)},O=(e,t)=>{let n=e.fc_layout;return C(n)?.label||n||`Layout ${t+1}`},k=e=>{let t=new Set(x());t.has(e)?t.delete(e):t.add(e),S(t)};return(()=>{var e=p(N),n=e.firstChild,r=n.nextSibling,s=r.firstChild,[b,S]=g(s.nextSibling),A=b.nextSibling,[j,M]=g(A.nextSibling),z=r.nextSibling.firstChild.nextSibling;return d(n,u||`Flexible Content`),d(r,i(o,{get each(){return y()},children:(e,n)=>{let r=C(e.fc_layout);return(()=>{var s=p(F),c=s.firstChild,u=c.firstChild,_=u.nextSibling,v=_.nextSibling.firstChild,b=v.nextSibling,S=b.nextSibling,C=S.nextSibling,w=c.nextSibling,[A,j]=g(w.nextSibling);return d(u,()=>O(e,n())),d(_,()=>e.fc_layout),v.$$click=()=>k(n()),d(v,()=>x().has(n())?`▲`:`▼`),b.$$click=()=>E(n(),`up`),S.$$click=()=>E(n(),`down`),C.$$click=()=>T(n()),d(s,i(t,{get when(){return x().has(n())},get children(){var t=p(P);return d(t,i(o,{get each(){return r?.subFields??[]},children:t=>(()=>{var r=p(I);return d(r,i(Q,{get field(){return{...t,name:t.name}},get value(){return e[t.name]},onChange:e=>D(n(),t.name,e),get subFields(){return t.subFields},get layouts(){return t.layouts}})),r})()})),t}}),A,j),a(e=>{var t=!!x().has(n()),r=x().has(n())?`Collapse`:`Expand`,i=n()===0,a=n()===y().length-1,o=y().length<=h;return t!==e.e&&s.classList.toggle(`expanded`,e.e=t),r!==e.t&&m(v,`aria-label`,e.t=r),i!==e.a&&f(b,`disabled`,e.a=i),a!==e.o&&f(S,`disabled`,e.o=a),o!==e.i&&f(C,`disabled`,e.i=o),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),l(),s})()}}),b,S),d(r,(()=>{var e=_(()=>y().length===0);return()=>e()&&p(L)})(),j,M),d(z,i(o,{each:c,children:e=>(()=>{var t=p(R);return t.$$click=()=>w(e.name),d(t,()=>e.label||e.name),a(()=>f(t,`disabled`,v!==void 0&&y().length>=v)),l(),t})()})),e})()}c([`click`]);var B=s(`<ul id=googlemap-suggestions class=googlemap-customizer__suggestions>`),V=s(`<a class="btn btn-secondary"target=_blank rel="noopener noreferrer">Ver no Google Maps`),H=s(`<div class=google-map-customizer><label class=googlemap-customizer__label></label><div class=googlemap-customizer__fields><div class=googlemap-customizer__address-wrapper><input type=text class="input googlemap-customizer__address"autocomplete=off aria-autocomplete=list aria-controls=googlemap-suggestions><!$><!/><!$><!/></div><div class=googlemap-customizer__coords><input type=number class="input googlemap-customizer__coord"placeholder="Lat (-90 a 90)"step=any min=-90 max=90><input type=number class="input googlemap-customizer__coord"placeholder="Lng (-180 a 180)"step=any min=-180 max=180></div></div><div class=googlemap-customizer__actions><button type=button class="btn btn-secondary">Limpar</button><!$><!/></div><style>
|
|
172
|
+
.google-map-customizer { display: flex; flex-direction: column; gap: 0.75rem; }
|
|
173
|
+
.googlemap-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }
|
|
174
|
+
.googlemap-customizer__fields { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
175
|
+
.googlemap-customizer__address-wrapper { position: relative; }
|
|
176
|
+
.googlemap-customizer__address { padding-right: 2.5rem; }
|
|
177
|
+
.googlemap-customizer__loading { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); }
|
|
178
|
+
.googlemap-customizer__suggestions {
|
|
179
|
+
position: absolute;
|
|
180
|
+
top: 100%;
|
|
181
|
+
left: 0;
|
|
182
|
+
right: 0;
|
|
183
|
+
background: var(--color-white);
|
|
184
|
+
border: 1px solid var(--color-border);
|
|
185
|
+
border-radius: var(--radius-md);
|
|
186
|
+
box-shadow: var(--shadow-md);
|
|
187
|
+
list-style: none;
|
|
188
|
+
margin: 0.25rem 0 0;
|
|
189
|
+
padding: 0.25rem;
|
|
190
|
+
max-height: 200px;
|
|
191
|
+
overflow-y: auto;
|
|
192
|
+
z-index: 100;
|
|
193
|
+
}
|
|
194
|
+
.googlemap-customizer__suggestion {
|
|
195
|
+
padding: 0.5rem 0.75rem;
|
|
196
|
+
cursor: pointer;
|
|
197
|
+
font-size: 0.875rem;
|
|
198
|
+
}
|
|
199
|
+
.googlemap-customizer__suggestion:hover { background: var(--color-primary-soft); }
|
|
200
|
+
.googlemap-customizer__coords { display: flex; gap: 0.5rem; }
|
|
201
|
+
.googlemap-customizer__coord { flex: 1; }
|
|
202
|
+
`),U=s(`<span class=googlemap-customizer__loading>🔍`),W=s(`<li class=googlemap-customizer__suggestion>`);function G(e){let{value:n,onChange:s,placeholder:c=`Digite um endereço...`,label:u,apiKey:h}=e,[v,y]=r(n?.address||``),[b,x]=r(n?.lat),[S,C]=r(n?.lng),[w,T]=r(!1),[E,D]=r([]),[O,k]=r(!1),A=()=>{s({address:v(),lat:b()??0,lng:S()??0})},j=async e=>{let t=e.currentTarget.value;if(y(t),A(),t.length>=3){T(!0);try{let e=h?`https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(t)}&key=${h}`:`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(t)}&limit=5`,n=await(await fetch(e)).json(),r=h?n.results?.map(e=>({display_name:e.formatted_address,lat:e.geometry.location.lat,lon:e.geometry.location.lng}))||[]:n||[];D(r),k(r.length>0)}catch(e){console.error(`Geocoding error:`,e)}finally{T(!1)}}else D([]),k(!1)},M=e=>{y(e.display_name),x(e.lat),C(e.lon),D([]),k(!1),A()},N=e=>{let t=parseFloat(e.currentTarget.value);x(isNaN(t)?void 0:t),A()},P=e=>{let t=parseFloat(e.currentTarget.value);C(isNaN(t)?void 0:t),A()},F=()=>{setTimeout(()=>k(!1),200)},I=()=>{y(``),x(void 0),C(void 0),A()};return(()=>{var e=p(H),n=e.firstChild,r=n.nextSibling,s=r.firstChild,h=s.firstChild,y=h.nextSibling,[T,D]=g(y.nextSibling),A=T.nextSibling,[L,R]=g(A.nextSibling),z=s.nextSibling.firstChild,G=z.nextSibling,K=r.nextSibling,q=K.firstChild,J=q.nextSibling,[ee,te]=g(J.nextSibling);return d(n,u||`Localização`),h.addEventListener(`focus`,()=>E().length>0&&k(!0)),h.addEventListener(`blur`,F),h.$$input=j,m(h,`placeholder`,c),d(s,(()=>{var e=_(()=>!!w());return()=>e()&&p(U)})(),T,D),d(s,i(t,{get when(){return _(()=>!!O())()&&E().length>0},get children(){var e=p(B);return d(e,i(o,{get each(){return E()},children:e=>(()=>{var t=p(W);return t.$$mousedown=e=>e.preventDefault(),t.$$click=()=>M(e),d(t,()=>e.display_name),l(),t})()})),e}}),L,R),z.addEventListener(`blur`,()=>{let e=b();e!==void 0&&(e<-90||e>90)&&x(void 0)}),z.addEventListener(`change`,N),G.addEventListener(`blur`,()=>{let e=S();e!==void 0&&(e<-180||e>180)&&C(void 0)}),G.addEventListener(`change`,P),q.$$click=I,d(K,i(t,{get when(){return _(()=>b()!==void 0)()&&S()!==void 0},get children(){var e=p(V);return a(()=>m(e,`href`,`https://www.google.com/maps/search/?api=1&query=${b()},${S()}`)),e}}),ee,te),a(()=>f(h,`value`,v())),a(()=>f(z,`value`,b()??``)),a(()=>f(G,`value`,S()??``)),l(),e})()}c([`input`,`click`,`mousedown`]);var K=s(`<div class=link-customizer><label class=link-customizer__label></label><div class=link-customizer__fields><input type=url class="input link-customizer__url"><select class="input link-customizer__target"><option value=_self></option><option value=_blank></option></select></div><style>
|
|
203
|
+
.link-customizer { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
204
|
+
.link-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }
|
|
205
|
+
.link-customizer__fields { display: flex; gap: 0.5rem; }
|
|
206
|
+
.link-customizer__url { flex: 1; }
|
|
207
|
+
.link-customizer__target { width: 140px; flex-shrink: 0; }
|
|
208
|
+
`);function q(e){let{t}=y(),{value:n,onChange:i,placeholder:o=`https:// ou /caminho`,label:s}=e,[c,u]=r(n?.url||``),[h,g]=r(n?.target||`_self`),_=e=>{let t=e.currentTarget.value;u(t),i({url:t,target:h()})},v=e=>{let t=e.currentTarget.value;g(t),i({url:c(),target:t})};return(()=>{var e=p(K),n=e.firstChild,r=n.nextSibling.firstChild,i=r.nextSibling,u=i.firstChild,g=u.nextSibling;return d(n,()=>s||t(`customizer.fieldTypes.link.label`)),r.$$input=_,m(r,`placeholder`,o),i.addEventListener(`change`,v),d(u,()=>t(`customizer.fieldTypes.link.targetSelf`)),d(g,()=>t(`customizer.fieldTypes.link.targetBlank`)),a(()=>f(r,`value`,c())),a(()=>f(i,`value`,h())),l(),e})()}c([`input`]);var J=s(`<option value>`),ee=s(`<option value=image/>`),te=s(`<option value=video/>`),ne=s(`<option value=audio/>`),re=s(`<option value=application/pdf>`),ie=s(`<div class=media-picker-customizer__pagination><button class="btn btn-secondary">← <!$><!/></button><span></span><button class="btn btn-secondary"><!$><!/> →`),ae=s(`<div class=media-picker-customizer__modal-overlay><div class=media-picker-customizer__modal><div class=media-picker-customizer__modal-header><h3></h3><div class=media-picker-customizer__modal-actions><label class=media-picker-customizer__upload-btn><input type=file style=display:none><span class="btn btn-primary"></span></label><button class="btn btn-secondary"></button><button class="btn btn-primary"></button></div></div><div class=media-picker-customizer__toolbar><input type=text class=input><button class="btn btn-secondary"></button><!$><!/></div><div class=media-picker-customizer__dropzone><span class=media-picker-customizer__dropzone-text></span><input type=file style=display:none><label for=media-picker-file-input class="btn btn-secondary"></label></div><div class=media-picker-customizer__grid><!$><!/><!$><!/></div><!$><!/>`),oe=s(`<div class=media-picker-customizer><label class=media-picker-customizer__trigger><span class=media-picker-customizer__icon>🖼️</span><span class=media-picker-customizer__text></span><!$><!/></label><!$><!/><!$><!/><style>
|
|
209
|
+
.media-picker-customizer { position: relative; }
|
|
210
|
+
.media-picker-customizer__trigger {
|
|
211
|
+
display: inline-flex;
|
|
212
|
+
align-items: center;
|
|
213
|
+
gap: 0.5rem;
|
|
214
|
+
padding: 0.5rem 0.75rem;
|
|
215
|
+
border: 1px solid var(--color-border);
|
|
216
|
+
border-radius: var(--radius-md);
|
|
217
|
+
background: var(--color-white);
|
|
218
|
+
color: var(--color-text);
|
|
219
|
+
cursor: pointer;
|
|
220
|
+
transition: all 0.15s ease;
|
|
221
|
+
min-width: 200px;
|
|
222
|
+
}
|
|
223
|
+
.media-picker-customizer__trigger:hover {
|
|
224
|
+
border-color: var(--color-primary);
|
|
225
|
+
}
|
|
226
|
+
.media-picker-customizer__icon { font-size: 1.25rem; }
|
|
227
|
+
.media-picker-customizer__text { flex: 1; font-size: 0.875rem; }
|
|
228
|
+
.media-picker-customizer__label { font-size: 0.75rem; color: var(--color-muted); }
|
|
229
|
+
.media-picker-customizer__error { color: var(--color-error); font-size: 0.75rem; margin-top: 0.25rem; }
|
|
230
|
+
.media-picker-customizer__modal-overlay {
|
|
231
|
+
position: fixed;
|
|
232
|
+
inset: 0;
|
|
233
|
+
background: rgba(0, 0, 0, 0.5);
|
|
234
|
+
display: flex;
|
|
235
|
+
align-items: center;
|
|
236
|
+
justify-content: center;
|
|
237
|
+
z-index: 1000;
|
|
238
|
+
padding: 1rem;
|
|
239
|
+
}
|
|
240
|
+
.media-picker-customizer__modal {
|
|
241
|
+
background: var(--color-white);
|
|
242
|
+
border-radius: var(--radius-lg);
|
|
243
|
+
box-shadow: var(--shadow-xl);
|
|
244
|
+
width: 100%;
|
|
245
|
+
max-width: 900px;
|
|
246
|
+
max-height: 90vh;
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-direction: column;
|
|
249
|
+
overflow: hidden;
|
|
250
|
+
}
|
|
251
|
+
.media-picker-customizer__modal-header {
|
|
252
|
+
display: flex;
|
|
253
|
+
align-items: center;
|
|
254
|
+
justify-content: space-between;
|
|
255
|
+
padding: 1rem;
|
|
256
|
+
border-bottom: 1px solid var(--color-border);
|
|
257
|
+
flex-wrap: wrap;
|
|
258
|
+
gap: 0.5rem;
|
|
259
|
+
}
|
|
260
|
+
.media-picker-customizer__modal-header h3 { margin: 0; font-size: 1rem; }
|
|
261
|
+
.media-picker-customizer__modal-actions { display: flex; gap: 0.5rem; }
|
|
262
|
+
.media-picker-customizer__upload-btn { position: relative; }
|
|
263
|
+
.media-picker-customizer__upload-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
|
|
264
|
+
.media-picker-customizer__toolbar {
|
|
265
|
+
display: flex;
|
|
266
|
+
gap: 0.5rem;
|
|
267
|
+
padding: 0.75rem 1rem;
|
|
268
|
+
border-bottom: 1px solid var(--color-border);
|
|
269
|
+
flex-wrap: wrap;
|
|
270
|
+
align-items: center;
|
|
271
|
+
}
|
|
272
|
+
.media-picker-customizer__toolbar input[type="text"] { flex: 1; min-width: 200px; }
|
|
273
|
+
.media-picker-customizer__dropzone {
|
|
274
|
+
padding: 2rem;
|
|
275
|
+
border: 2px dashed var(--color-border);
|
|
276
|
+
border-radius: var(--radius-md);
|
|
277
|
+
margin: 1rem;
|
|
278
|
+
text-align: center;
|
|
279
|
+
transition: all 0.15s ease;
|
|
280
|
+
}
|
|
281
|
+
.media-picker-customizer__dropzone.drag-over {
|
|
282
|
+
border-color: var(--color-primary);
|
|
283
|
+
background: var(--color-primary-soft);
|
|
284
|
+
}
|
|
285
|
+
.media-picker-customizer__dropzone input[type="file"] { display: none; }
|
|
286
|
+
.media-picker-customizer__dropzone-text { color: var(--color-muted); font-size: 0.875rem; }
|
|
287
|
+
.media-picker-customizer__grid {
|
|
288
|
+
flex: 1;
|
|
289
|
+
overflow-y: auto;
|
|
290
|
+
padding: 1rem;
|
|
291
|
+
display: grid;
|
|
292
|
+
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
|
293
|
+
gap: 0.75rem;
|
|
294
|
+
}
|
|
295
|
+
.media-picker-customizer__item {
|
|
296
|
+
border: 2px solid var(--color-border);
|
|
297
|
+
border-radius: var(--radius-md);
|
|
298
|
+
overflow: hidden;
|
|
299
|
+
cursor: pointer;
|
|
300
|
+
transition: all 0.15s ease;
|
|
301
|
+
background: var(--color-white);
|
|
302
|
+
}
|
|
303
|
+
.media-picker-customizer__item:hover { border-color: var(--color-primary); }
|
|
304
|
+
.media-picker-customizer__item.selected {
|
|
305
|
+
border-color: var(--color-primary);
|
|
306
|
+
box-shadow: 0 0 0 2px var(--color-primary);
|
|
307
|
+
}
|
|
308
|
+
.media-picker-customizer__preview {
|
|
309
|
+
aspect-ratio: 16/9;
|
|
310
|
+
background: #f5f5f5;
|
|
311
|
+
display: flex;
|
|
312
|
+
align-items: center;
|
|
313
|
+
justify-content: center;
|
|
314
|
+
position: relative;
|
|
315
|
+
overflow: hidden;
|
|
316
|
+
}
|
|
317
|
+
.media-picker-customizer__preview img { width: 100%; height: 100%; object-fit: cover; }
|
|
318
|
+
.media-picker-customizer__icon-large { font-size: 3rem; color: var(--color-muted); }
|
|
319
|
+
.media-picker-customizer__checkmark {
|
|
320
|
+
position: absolute;
|
|
321
|
+
top: 0.5rem;
|
|
322
|
+
right: 0.5rem;
|
|
323
|
+
background: var(--color-primary);
|
|
324
|
+
color: white;
|
|
325
|
+
width: 1.5rem;
|
|
326
|
+
height: 1.5rem;
|
|
327
|
+
border-radius: 50%;
|
|
328
|
+
display: flex;
|
|
329
|
+
align-items: center;
|
|
330
|
+
justify-content: center;
|
|
331
|
+
font-weight: bold;
|
|
332
|
+
}
|
|
333
|
+
.media-picker-customizer__info { padding: 0.5rem; }
|
|
334
|
+
.media-picker-customizer__name { display: block; font-size: 0.75rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
335
|
+
.media-picker-customizer__meta { display: block; font-size: 0.625rem; color: var(--color-muted); margin-top: 0.125rem; }
|
|
336
|
+
.media-picker-customizer__empty { grid-column: 1 / -1; padding: 3rem; text-align: center; color: var(--color-muted); }
|
|
337
|
+
.media-picker-customizer__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 1rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; color: var(--color-muted); }
|
|
338
|
+
`),Y=s(`<span class=media-picker-customizer__label>`),se=s(`<div class=media-picker-customizer__error>`),ce=s(`<div class=media-picker-customizer__item><div class=media-picker-customizer__preview><!$><!/><!$><!/></div><div class=media-picker-customizer__info><span class=media-picker-customizer__name></span><span class=media-picker-customizer__meta><!$><!/> · <!$><!/>`),le=s(`<img alt loading=lazy>`,!0,!1,!1),ue=s(`<div class=media-picker-customizer__icon-large>`),de=s(`<div class=media-picker-customizer__checkmark>✓`),fe=s(`<div class=media-picker-customizer__empty>`),pe=s(`<select class=input>`);function me(e){return Number.isFinite(e)?e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1048576).toFixed(1)} MB`:`—`}function he(e){return e.mime_type.startsWith(`image/`)}function ge(e){return e.mime_type.startsWith(`video/`)}function _e(e){return e.mime_type.startsWith(`audio/`)}function ve(e){return e.mime_type===`application/pdf`}function ye(e){return he(e)?`🖼️`:ge(e)?`🎬`:_e(e)?`🎵`:ve(e)?`📄`:`📎`}function be(e){return b.mediaUrl(e.url)}function xe(n){let{t:s}=y(),{value:c,onChange:u,multiple:h=!1,accept:x,label:S,placeholder:C=`Clique para selecionar mídia`}=n,[w,T]=r([]),[E,D]=r(0),[O,k]=r(1),[A,j]=r(``),[M,N]=r(``),[P,F]=r(``),[I,L]=r(!1),[R,z]=r(!1),[B,V]=r(!1),[H,U]=r([]),W=Array.isArray(c)?c:c?[c]:[];e(()=>{U(W),G()});let G=async()=>{try{F(``);let e=await b.listMedia({page:O(),limit:20,search:A()||void 0,mimeType:M()||void 0});T(e.data??[]),D(e.total??0)}catch(e){F(e instanceof Error?e.message:String(e))}},K=async()=>{k(1),await G()},q=e=>{let t=Array.from(e);if(t.length===0)return;let n=x?t.filter(e=>x===`image/*`?e.type.startsWith(`image/`):x===`video/*`?e.type.startsWith(`video/`):x!==`audio/*`||e.type.startsWith(`audio/`)):t;n.length!==t.length&&F(`Alguns arquivos foram ignorados (tipo não permitido: ${x})`),n.length>0&&pe(n)},pe=async e=>{if(e.length!==0){L(!0),F(``);try{for(let t of e){let e=await b.uploadMedia(t),n=H();U(h?[...n,e.id]:[e.id]),u(h?[...n,e.id]:e.id)}F(`${e.length} file(s) uploaded successfully`),await G()}catch(e){F(e instanceof Error?e.message:`Erro no upload`)}finally{L(!1)}}},ge=e=>{e.preventDefault(),V(!0)},_e=e=>{e.preventDefault(),V(!1)},ve=e=>{e.preventDefault(),V(!1),e.dataTransfer?.files&&q(e.dataTransfer.files)},xe=e=>{let t=H();t.includes(e)?U(t.filter(t=>t!==e)):U(h?[...t,e]:[e]);let n=h?t.includes(e)?t.filter(t=>t!==e):[...t,e]:[e];u(h?n:n[0]??``)},Ce=e=>H().includes(e),we=()=>{U([]),u(h?[]:``),z(!1)},Te=()=>{z(!1)},Ee=()=>{z(!0),k(1),G()};return(()=>{var e=p(oe),n=e.firstChild,r=n.firstChild.nextSibling,c=r.nextSibling,[u,y]=g(c.nextSibling),b=n.nextSibling,[T,D]=g(b.nextSibling),F=T.nextSibling,[L,V]=g(F.nextSibling);return L.nextSibling,n.$$click=Ee,d(r,(()=>{var e=_(()=>H().length>0);return()=>e()?`${H().length} mídia(s) selecionada(s)`:C})()),d(n,S&&(()=>{var e=p(Y);return d(e,S),e})(),u,y),d(e,(()=>{var e=_(()=>!!P());return()=>e()&&(()=>{var e=p(se);return d(e,P),e})()})(),T,D),d(e,i(t,{get when(){return R()},get children(){var e=p(ae),n=e.firstChild,r=n.firstChild,c=r.firstChild,u=c.nextSibling.firstChild,y=u.firstChild,b=y.nextSibling,S=u.nextSibling,C=S.nextSibling,T=r.nextSibling,D=T.firstChild,P=D.nextSibling,F=P.nextSibling,[L,R]=g(F.nextSibling),V=T.nextSibling,U=V.firstChild,W=U.nextSibling,oe=W.nextSibling,Y=V.nextSibling,se=Y.firstChild,[pe,Ee]=g(se.nextSibling),De=pe.nextSibling,[Oe,ke]=g(De.nextSibling),Ae=Y.nextSibling,[je,Me]=g(Ae.nextSibling);return e.$$click=()=>z(!1),n.$$click=e=>e.stopPropagation(),d(c,()=>s(`media.picker.title`)),y.addEventListener(`change`,e=>e.currentTarget.files&&q(e.currentTarget.files)),f(y,`multiple`,h),m(y,`accept`,x),d(b,(()=>{var e=_(()=>!!I());return()=>e()?`Enviando...`:s(`media.picker.upload`)})()),S.$$click=we,d(S,()=>s(`media.picker.clear`)),C.$$click=Te,d(C,()=>s(`media.picker.confirm`)),D.$$keydown=e=>e.key===`Enter`&&K(),D.$$input=e=>j(e.currentTarget.value),P.$$click=K,d(P,()=>s(`media.picker.search`)),d(T,i(Se,{get value(){return M()},onChange:e=>{N(e.currentTarget.value),k(1),G()},get children(){return[(()=>{var e=p(J);return d(e,()=>s(`media.picker.allTypes`)),e})(),(()=>{var e=p(ee);return d(e,()=>s(`media.picker.images`)),e})(),(()=>{var e=p(te);return d(e,()=>s(`media.picker.videos`)),e})(),(()=>{var e=p(ne);return d(e,()=>s(`media.picker.audio`)),e})(),(()=>{var e=p(re);return d(e,()=>s(`media.picker.pdfs`)),e})()]}}),L,R),V.addEventListener(`drop`,ve),V.addEventListener(`dragleave`,_e),V.addEventListener(`dragover`,ge),d(U,()=>s(`media.picker.dropzone`)),v(e=>{e&&(e.id=`media-picker-file-input`)},W),W.addEventListener(`change`,e=>e.currentTarget.files&&q(e.currentTarget.files)),f(W,`multiple`,h),m(W,`accept`,x),d(oe,()=>s(`media.picker.selectFiles`)),d(Y,i(o,{get each(){return w()},children:e=>(()=>{var t=p(ce),n=t.firstChild,r=n.firstChild,[i,o]=g(r.nextSibling),s=i.nextSibling,[c,u]=g(s.nextSibling),f=n.nextSibling.firstChild,h=f.nextSibling,v=h.firstChild,[y,b]=g(v.nextSibling),x=y.nextSibling.nextSibling,[S,C]=g(x.nextSibling);return t.$$click=()=>xe(e.id),d(n,(()=>{var t=_(()=>!!he(e));return()=>t()?(()=>{var t=p(le);return a(()=>m(t,`src`,be(e))),t})():(()=>{var t=p(ue);return d(t,()=>ye(e)),t})()})(),i,o),d(n,(()=>{var t=_(()=>!!Ce(e.id));return()=>t()&&p(de)})(),c,u),d(f,()=>e.title||e.filename),d(h,()=>me(e.size),y,b),d(h,()=>e.mime_type,S,C),a(()=>t.classList.toggle(`selected`,!!Ce(e.id))),l(),t})()}),pe,Ee),d(Y,(()=>{var e=_(()=>w().length===0);return()=>e()&&(()=>{var e=p(fe);return d(e,(()=>{var e=_(()=>E()===0);return()=>e()?s(`media.picker.empty`):s(`media.picker.noResults`)})()),e})()})(),Oe,ke),d(n,i(t,{get when(){return E()>20},get children(){var e=p(ie),t=e.firstChild,n=t.firstChild.nextSibling,[r,i]=g(n.nextSibling),o=t.nextSibling,c=o.nextSibling,u=c.firstChild,[m,h]=g(u.nextSibling);return m.nextSibling,t.$$click=()=>{k(O()-1),G()},d(t,()=>s(`media.picker.prev`),r,i),d(o,()=>s(`media.picker.page`,{current:O(),total:Math.ceil(E()/20)})),c.$$click=()=>{k(O()+1),G()},d(c,()=>s(`media.picker.next`),m,h),a(e=>{var n=O()<=1,r=O()>=Math.ceil(E()/20);return n!==e.e&&f(t,`disabled`,e.e=n),r!==e.t&&f(c,`disabled`,e.t=r),e},{e:void 0,t:void 0}),l(),e}}),je,Me),a(e=>{var t=H().length===0,n=s(`media.picker.search`),r=!!B();return t!==e.e&&f(C,`disabled`,e.e=t),n!==e.t&&m(D,`placeholder`,e.t=n),r!==e.a&&V.classList.toggle(`drag-over`,e.a=r),e},{e:void 0,t:void 0,a:void 0}),a(()=>f(D,`value`,A())),l(),e}}),L,V),l(),e})()}function Se(e){return(()=>{var t=p(pe);return h(t,`change`,e.onChange),d(t,()=>e.children),a(()=>f(t,`value`,e.value)),t})()}c([`click`,`input`,`keydown`]);var Ce=s(`<div class=relationship-customizer__pagination><button class="btn btn-secondary">← Anterior</button><span>Página <!$><!/> de <!$><!/></span><button class="btn btn-secondary">Próxima →`),we=s(`<div class=relationship-customizer__dropdown><div class=relationship-customizer__search><input type=text class=input autofocus><button class="btn btn-secondary"></button></div><div class=relationship-customizer__list><!$><!/><!$><!/></div><!$><!/>`),Te=s(`<div class=relationship-customizer><label class=relationship-customizer__label></label><div class=relationship-customizer__trigger><div class=relationship-customizer__selected></div><span class=relationship-customizer__arrow></span></div><!$><!/><style>
|
|
339
|
+
.relationship-customizer { position: relative; }
|
|
340
|
+
.relationship-customizer__label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }
|
|
341
|
+
.relationship-customizer__trigger {
|
|
342
|
+
display: flex;
|
|
343
|
+
align-items: center;
|
|
344
|
+
justify-content: space-between;
|
|
345
|
+
padding: 0.5rem 0.75rem;
|
|
346
|
+
border: 1px solid var(--color-border);
|
|
347
|
+
border-radius: var(--radius-md);
|
|
348
|
+
background: var(--color-white);
|
|
349
|
+
cursor: pointer;
|
|
350
|
+
min-height: 42px;
|
|
351
|
+
transition: border-color 0.15s;
|
|
352
|
+
}
|
|
353
|
+
.relationship-customizer__trigger:hover { border-color: var(--color-primary); }
|
|
354
|
+
.relationship-customizer__selected { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1; min-height: 24px; }
|
|
355
|
+
.relationship-customizer__chip {
|
|
356
|
+
display: inline-flex;
|
|
357
|
+
align-items: center;
|
|
358
|
+
gap: 0.25rem;
|
|
359
|
+
padding: 0.25rem 0.5rem;
|
|
360
|
+
background: var(--color-primary-soft);
|
|
361
|
+
color: var(--color-primary);
|
|
362
|
+
border-radius: var(--radius-full);
|
|
363
|
+
font-size: 0.75rem;
|
|
364
|
+
}
|
|
365
|
+
.relationship-customizer__chip-remove {
|
|
366
|
+
background: none;
|
|
367
|
+
border: none;
|
|
368
|
+
color: var(--color-primary);
|
|
369
|
+
cursor: pointer;
|
|
370
|
+
padding: 0;
|
|
371
|
+
font-size: 0.75rem;
|
|
372
|
+
line-height: 1;
|
|
373
|
+
}
|
|
374
|
+
.relationship-customizer__placeholder { color: var(--color-muted); font-size: 0.875rem; }
|
|
375
|
+
.relationship-customizer__arrow { font-size: 0.75rem; color: var(--color-muted); transition: transform 0.15s; }
|
|
376
|
+
.relationship-customizer__dropdown {
|
|
377
|
+
position: absolute;
|
|
378
|
+
top: 100%;
|
|
379
|
+
left: 0;
|
|
380
|
+
right: 0;
|
|
381
|
+
background: var(--color-white);
|
|
382
|
+
border: 1px solid var(--color-border);
|
|
383
|
+
border-radius: var(--radius-md);
|
|
384
|
+
box-shadow: var(--shadow-lg);
|
|
385
|
+
margin-top: 0.25rem;
|
|
386
|
+
z-index: 100;
|
|
387
|
+
max-height: 500px;
|
|
388
|
+
display: flex;
|
|
389
|
+
flex-direction: column;
|
|
390
|
+
}
|
|
391
|
+
.relationship-customizer__search {
|
|
392
|
+
display: flex;
|
|
393
|
+
gap: 0.5rem;
|
|
394
|
+
padding: 0.75rem;
|
|
395
|
+
border-bottom: 1px solid var(--color-border);
|
|
396
|
+
}
|
|
397
|
+
.relationship-customizer__search input { flex: 1; }
|
|
398
|
+
.relationship-customizer__list {
|
|
399
|
+
max-height: 300px;
|
|
400
|
+
overflow-y: auto;
|
|
401
|
+
}
|
|
402
|
+
.relationship-customizer__item {
|
|
403
|
+
padding: 0.5rem 0.75rem;
|
|
404
|
+
cursor: pointer;
|
|
405
|
+
border-bottom: 1px solid var(--color-border);
|
|
406
|
+
transition: background 0.1s;
|
|
407
|
+
}
|
|
408
|
+
.relationship-customizer__item:hover { background: var(--color-primary-soft); }
|
|
409
|
+
.relationship-customizer__item.selected { background: var(--color-primary-soft); border-left: 3px solid var(--color-primary); }
|
|
410
|
+
.relationship-customizer__item-title { font-weight: 500; font-size: 0.875rem; }
|
|
411
|
+
.relationship-customizer__item-meta { font-size: 0.75rem; color: var(--color-muted); margin-top: 0.125rem; }
|
|
412
|
+
.relationship-customizer__empty { padding: 1rem; text-align: center; color: var(--color-muted); }
|
|
413
|
+
.relationship-customizer__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 0.75rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; }
|
|
414
|
+
`),Ee=s(`<span class=relationship-customizer__chip><!$><!/><button type=button class=relationship-customizer__chip-remove>✕`),De=s(`<span class=relationship-customizer__placeholder>`),Oe=s(`<div class=relationship-customizer__item><div class=relationship-customizer__item-title></div><div class=relationship-customizer__item-meta><!$><!/> · <!$><!/> · <!$><!/>`),ke=s(`<div class=relationship-customizer__empty>`);function Ae(n){let{t:s}=y(),{value:c,onChange:u,postType:h,multiple:v=!1,placeholder:x=`Buscar conteúdo...`,label:S}=n,[C,w]=r([]),[T,E]=r(0),[D,O]=r(1),[k,A]=r(``),[j,M]=r(!1),[N,P]=r(!1),[F,I]=r([]),L=Array.isArray(c)?c:c?[c]:[];e(()=>{I(L)});let R=async()=>{try{M(!0);let e=await b.getContent({page:D(),limit:10,search:k()||void 0,type:h,status:`PUBLISHED`});w(e.data??[]),E(e.total??0)}catch(e){console.error(`Relationship load error:`,e)}finally{M(!1)}},z=async()=>{O(1),await R()},B=e=>{let t=F();t.includes(e)?I(t.filter(t=>t!==e)):v?I([...t,e]):(I([e]),P(!1));let n=v?t.includes(e)?t.filter(t=>t!==e):[...t,e]:[e];u(v?n:n[0])},V=e=>F().includes(e);return(()=>{var e=p(Te),n=e.firstChild,r=n.nextSibling,c=r.firstChild,u=c.nextSibling,h=r.nextSibling,[v,y]=g(h.nextSibling);return v.nextSibling,d(n,()=>S||s(`customizer.fieldTypes.relationship.label`)),r.$$click=()=>{P(!N()),N()&&R()},d(c,(()=>{var e=_(()=>F().length>0);return()=>e()?i(o,{get each(){return F()},children:e=>{let t=C().find(t=>t.id===e);return(()=>{var n=p(Ee),r=n.firstChild,[i,a]=g(r.nextSibling),o=i.nextSibling;return d(n,()=>t?.title||e,i,a),o.$$click=t=>{t.stopPropagation(),B(e)},l(),n})()}}):(()=>{var e=p(De);return d(e,x),e})()})()),d(u,()=>N()?`▲`:`▼`),d(e,i(t,{get when(){return N()},get children(){var e=p(we),n=e.firstChild,r=n.firstChild,s=r.nextSibling,c=n.nextSibling,u=c.firstChild,[h,v]=g(u.nextSibling),y=h.nextSibling,[b,S]=g(y.nextSibling),w=c.nextSibling,[E,M]=g(w.nextSibling);return r.$$keydown=e=>e.key===`Enter`&&z(),r.$$input=e=>{A(e.currentTarget.value),O(1),R()},m(r,`placeholder`,x),s.$$click=z,d(s,()=>j()?`Carregando...`:`Buscar`),d(c,i(o,{get each(){return C()},children:e=>(()=>{var t=p(Oe),n=t.firstChild,r=n.nextSibling,i=r.firstChild,[o,s]=g(i.nextSibling),c=o.nextSibling.nextSibling,[u,f]=g(c.nextSibling),m=u.nextSibling.nextSibling,[h,_]=g(m.nextSibling);return t.$$click=()=>B(e.id),d(n,()=>e.title),d(r,()=>e.type,o,s),d(r,()=>e.status,u,f),d(r,()=>e.slug,h,_),a(()=>t.classList.toggle(`selected`,!!V(e.id))),l(),t})()}),h,v),d(c,(()=>{var e=_(()=>!(C().length!==0||j()));return()=>e()&&(()=>{var e=p(ke);return d(e,()=>T()===0?`Nenhum conteúdo encontrado`:`Nenhum resultado para a busca`),e})()})(),b,S),d(e,i(t,{get when(){return T()>10},get children(){var e=p(Ce),t=e.firstChild,n=t.nextSibling,r=n.firstChild.nextSibling,[i,o]=g(r.nextSibling),s=i.nextSibling.nextSibling,[c,u]=g(s.nextSibling),m=n.nextSibling;return t.$$click=()=>{O(D()-1),R()},d(n,D,i,o),d(n,()=>Math.ceil(T()/10),c,u),m.$$click=()=>{O(D()+1),R()},a(e=>{var n=D()<=1,r=D()>=Math.ceil(T()/10);return n!==e.e&&f(t,`disabled`,e.e=n),r!==e.t&&f(m,`disabled`,e.t=r),e},{e:void 0,t:void 0}),l(),e}}),E,M),a(()=>f(s,`disabled`,j())),a(()=>f(r,`value`,k())),l(),e}}),v,y),l(),e})()}c([`click`,`input`,`keydown`]);var je=s(`<div class=repeater-customizer><label class=repeater-customizer__label></label><div class=repeater-customizer__rows><!$><!/><!$><!/></div><div class=repeater-customizer__actions><button type=button class="btn btn-primary">+ <!$><!/></button></div><style>
|
|
415
|
+
.repeater-customizer { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
416
|
+
.repeater-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }
|
|
417
|
+
.repeater-customizer__rows { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
418
|
+
.repeater-customizer__row {
|
|
419
|
+
border: 1px solid var(--color-border);
|
|
420
|
+
border-radius: var(--radius-md);
|
|
421
|
+
background: var(--color-white);
|
|
422
|
+
overflow: hidden;
|
|
423
|
+
}
|
|
424
|
+
.repeater-customizer__row-header {
|
|
425
|
+
display: flex;
|
|
426
|
+
align-items: center;
|
|
427
|
+
justify-content: space-between;
|
|
428
|
+
padding: 0.75rem 1rem;
|
|
429
|
+
background: #f5f5f5;
|
|
430
|
+
border-bottom: 1px solid var(--color-border);
|
|
431
|
+
flex-wrap: wrap;
|
|
432
|
+
gap: 0.5rem;
|
|
433
|
+
}
|
|
434
|
+
.repeater-customizer__row-label { font-weight: 500; font-size: 0.875rem; }
|
|
435
|
+
.repeater-customizer__row-actions { display: flex; gap: 0.25rem; }
|
|
436
|
+
.repeater-customizer__row-actions .btn-icon {
|
|
437
|
+
padding: 0.25rem 0.5rem;
|
|
438
|
+
font-size: 0.75rem;
|
|
439
|
+
min-width: auto;
|
|
440
|
+
}
|
|
441
|
+
.repeater-customizer__fields { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
|
|
442
|
+
.repeater-customizer__field { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
443
|
+
.repeater-customizer__empty { padding: 2rem; text-align: center; color: var(--color-muted); }
|
|
444
|
+
.repeater-customizer__actions { display: flex; justify-content: flex-end; margin-top: 0.5rem; }
|
|
445
|
+
`),Me=s(`<div class=repeater-customizer__fields>`),Ne=s(`<div class=repeater-customizer__row><div class=repeater-customizer__row-header><span class=repeater-customizer__row-label></span><div class=repeater-customizer__row-actions><button type=button class="btn btn-icon"></button><button type=button class="btn btn-icon"aria-label="Mover para cima">↑</button><button type=button class="btn btn-icon"aria-label="Mover para baixo">↓</button><button type=button class="btn btn-icon btn-danger"aria-label="Remover linha">✕</button></div></div><!$><!/>`),X=s(`<div class=repeater-customizer__field>`),Pe=s(`<div class=repeater-customizer__empty>Nenhuma linha adicionada. Clique em "Adicionar linha" para começar.`);function Fe(e){let{t:n}=y(),{value:s,onChange:c,subFields:u,label:h,itemLabel:v=`title`,minRows:b=0,maxRows:x}=e,[S,C]=r(s||[]),[w,T]=r(new Set([0])),E=()=>{let e={};for(let t of u)e[t.name]=t.default??``;C([...S(),e])},D=e=>{let t=S();if(t.length<=b)return;let n=t.filter((t,n)=>n!==e);C(n);let r=new Set(w());r.delete(e);let i=new Set;r.forEach(t=>{t>e?i.add(t-1):t<e&&i.add(t)}),T(i)},O=(e,t)=>{let n=S(),r=t===`up`?e-1:e+1;if(r<0||r>=n.length)return;let i=[...n],a=i[e],o=i[r];if(a!==void 0&&o!==void 0){i[e]=o,i[r]=a,C(i);let t=new Set(w()),n=new Set;t.forEach(t=>{t===e?n.add(r):t===r?n.add(e):n.add(t)}),T(n)}},k=(e,t,n)=>{let r=[...S()];r[e]={...r[e],[t]:n},C(r),c(r)},A=(e,t)=>{let n=e[v];return n&&typeof n==`string`&&n.trim()?n.trim():`Item ${t+1}`},j=e=>{let t=new Set(w());t.has(e)?t.delete(e):t.add(e),T(t)},M=e=>w().has(e);return(()=>{var e=p(je),r=e.firstChild,s=r.nextSibling,c=s.firstChild,[v,y]=g(c.nextSibling),x=v.nextSibling,[C,w]=g(x.nextSibling),T=s.nextSibling.firstChild,N=T.firstChild.nextSibling,[P,F]=g(N.nextSibling);return d(r,h||`Repetidor`),d(s,i(o,{get each(){return S()},children:(e,n)=>(()=>{var r=p(Ne),s=r.firstChild,c=s.firstChild,h=c.nextSibling.firstChild,_=h.nextSibling,v=_.nextSibling,y=v.nextSibling,x=s.nextSibling,[C,w]=g(x.nextSibling);return d(c,()=>A(e,n())),h.$$click=()=>j(n()),d(h,()=>M(n())?`▲`:`▼`),_.$$click=()=>O(n(),`up`),v.$$click=()=>O(n(),`down`),y.$$click=()=>D(n()),d(r,i(t,{get when(){return M(n())},get children(){var t=p(Me);return d(t,i(o,{each:u,children:t=>(()=>{var r=p(X);return d(r,i(Q,{get field(){return{...t,name:t.name}},get value(){return e[t.name]},onChange:e=>k(n(),t.name,e),get subFields(){return t.subFields},get layouts(){return t.layouts}})),r})()})),t}}),C,w),a(e=>{var t=!!M(n()),i=M(n())?`Colapsar`:`Expandir`,a=n()===0,o=n()===S().length-1,s=S().length<=b;return t!==e.e&&r.classList.toggle(`expanded`,e.e=t),i!==e.t&&m(h,`aria-label`,e.t=i),a!==e.a&&f(_,`disabled`,e.a=a),o!==e.o&&f(v,`disabled`,e.o=o),s!==e.i&&f(y,`disabled`,e.i=s),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),l(),r})()}),v,y),d(s,(()=>{var e=_(()=>S().length===0);return()=>e()&&p(Pe)})(),C,w),T.$$click=E,d(T,()=>n(`customizer.fieldTypes.repeater.addRow`,{default:`Adicionar linha`}),P,F),l(),e})()}c([`click`]);var Ie=s(`<div class=rich-text-editor data-rich-text-editor><div class=rich-text-editor__toolbar role=toolbar><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><div class=rich-text-editor__body role=textbox aria-multiline=true></div><style>
|
|
446
|
+
.rich-text-editor {
|
|
447
|
+
display: flex;
|
|
448
|
+
flex-direction: column;
|
|
449
|
+
border: 1px solid var(--color-border);
|
|
450
|
+
border-radius: var(--radius-md);
|
|
451
|
+
background: var(--color-white);
|
|
452
|
+
overflow: hidden;
|
|
453
|
+
}
|
|
454
|
+
.rich-text-editor__toolbar {
|
|
455
|
+
display: flex;
|
|
456
|
+
flex-wrap: wrap;
|
|
457
|
+
align-items: center;
|
|
458
|
+
gap: 0.25rem;
|
|
459
|
+
background: #f5f5f5;
|
|
460
|
+
border-bottom: 1px solid var(--color-border);
|
|
461
|
+
padding: 0.5rem;
|
|
462
|
+
}
|
|
463
|
+
.rich-text-editor__toolbar select.input {
|
|
464
|
+
max-width: 160px;
|
|
465
|
+
padding: 0.25rem 0.45rem;
|
|
466
|
+
}
|
|
467
|
+
.rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }
|
|
468
|
+
.rich-text-editor__toolbar button {
|
|
469
|
+
min-width: 2rem;
|
|
470
|
+
min-height: 2rem;
|
|
471
|
+
border: 1px solid transparent;
|
|
472
|
+
border-radius: var(--radius-sm);
|
|
473
|
+
background: transparent;
|
|
474
|
+
color: var(--color-text);
|
|
475
|
+
padding: 0.25rem 0.45rem;
|
|
476
|
+
cursor: pointer;
|
|
477
|
+
display: flex;
|
|
478
|
+
align-items: center;
|
|
479
|
+
justify-content: center;
|
|
480
|
+
font-size: 0.875rem;
|
|
481
|
+
}
|
|
482
|
+
.rich-text-editor__toolbar button:hover:not(:disabled) { border-color: var(--color-border); background: var(--color-white); }
|
|
483
|
+
.rich-text-editor__toolbar button:disabled { opacity: 0.4; cursor: not-allowed; }
|
|
484
|
+
.rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }
|
|
485
|
+
.rich-text-editor__body {
|
|
486
|
+
min-height: 200px;
|
|
487
|
+
border: 1px solid var(--color-border);
|
|
488
|
+
border-top: 0;
|
|
489
|
+
background: var(--color-white);
|
|
490
|
+
color: var(--color-text);
|
|
491
|
+
font-size: 0.9375rem;
|
|
492
|
+
line-height: 1.6;
|
|
493
|
+
padding: 0.75rem;
|
|
494
|
+
outline: none;
|
|
495
|
+
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
|
|
496
|
+
}
|
|
497
|
+
.rich-text-editor__body:focus { border-color: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); }
|
|
498
|
+
.rich-text-editor__body:empty::before { content: attr(data-placeholder); color: var(--color-muted); }
|
|
499
|
+
.rich-text-editor__body blockquote { border-left: 3px solid var(--color-primary); margin: 1rem 0; padding-left: 1rem; color: var(--color-muted); }
|
|
500
|
+
.rich-text-editor__body pre { background: #f5f5f5; padding: 0.5rem; border-radius: var(--radius-sm); overflow-x: auto; }
|
|
501
|
+
.rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }
|
|
502
|
+
.rich-text-editor__btn {
|
|
503
|
+
min-width: 2rem;
|
|
504
|
+
min-height: 2rem;
|
|
505
|
+
border: 1px solid transparent;
|
|
506
|
+
border-radius: var(--radius-sm);
|
|
507
|
+
background: transparent;
|
|
508
|
+
color: var(--color-text);
|
|
509
|
+
padding: 0.25rem 0.45rem;
|
|
510
|
+
cursor: pointer;
|
|
511
|
+
display: flex;
|
|
512
|
+
align-items: center;
|
|
513
|
+
justify-content: center;
|
|
514
|
+
font-size: 0.875rem;
|
|
515
|
+
transition: all 0.15s ease;
|
|
516
|
+
}
|
|
517
|
+
.rich-text-editor__btn:hover:not(:disabled) { border-color: var(--color-border); background: var(--color-white); }
|
|
518
|
+
.rich-text-editor__btn:disabled { opacity: 0.4; cursor: not-allowed; }
|
|
519
|
+
.rich-text-editor__body pre { background: #f5f5f5; padding: 0.5rem; border-radius: var(--radius-sm); overflow-x: auto; }
|
|
520
|
+
`),Le=s(`<select class=rich-text-editor__select value>`),Re=s(`<option>`),Z=s(`<span class=rich-text-editor__divider>`),ze=s(`<button type=button aria-label="Negrito (Ctrl+B)"><strong>B`),Be=s(`<button type=button aria-label="Itálico (Ctrl+I)"><em>I`),Ve=s(`<button type=button aria-label="Sublinhado (Ctrl+U)"><u>U`),He=s(`<button type=button aria-label=Tachado><s>S`),Ue=s(`<button type=button aria-label="Bloco de citação">❝`),We=s(`<button type=button aria-label=Código><pre>`),Ge=s(`<button type=button aria-label="Lista com marcadores">• Lista`),Ke=s(`<button type=button aria-label="Lista numerada">1. Lista`),qe=s(`<button type=button aria-label="Inserir link (Ctrl+K)">🔗`),Je=s(`<button type=button aria-label="Remover link">🔗✕`),Ye=s(`<button type=button aria-label="Desfazer (Ctrl+Z)">↶`),Xe=s(`<button type=button aria-label="Refazer (Ctrl+Y)">↷`),Ze=s(`<button type=button aria-label="Limpar formatação">𝑥`),Qe={formatBlock:!0,bold:!0,italic:!0,underline:!0,strikeThrough:!0,blockquote:!0,code:!0,unorderedList:!0,orderedList:!0,link:!0,unlink:!0,undo:!0,redo:!0,removeFormat:!0},$e=[{value:``,label:`Parágrafo`},{value:`<h1>`,label:`Título 1`},{value:`<h2>`,label:`Título 2`},{value:`<h3>`,label:`Título 3`},{value:`<h4>`,label:`Título 4`},{value:`<blockquote>`,label:`Bloco de citação`},{value:`<pre>`,label:`Código`}];function et(t){let{value:n,onChange:i,placeholder:o=`Comece a escrever...`,disabled:s=!1,toolbarConfig:c={}}=t,u={...Qe,...c},[h,y]=r(null),[b,x]=r(!1);e(()=>{let e=h();e&&e.innerHTML!==n&&(e.innerHTML=n)});let S=e=>{e&&(document.execCommand(`formatBlock`,!1,e),E())},C=e=>{document.execCommand(e,!1),E()},w=()=>{let e=window.prompt(`Digite a URL:`);e&&(document.execCommand(`createLink`,!1,e),E())},T=()=>{document.execCommand(`removeFormat`,!1),E()},E=()=>{let e=h();if(e){let t=e.innerHTML;i(t)}},D=()=>{b()||E()},O=()=>x(!0),k=()=>{x(!1),E()},A=e=>{e.preventDefault();let t=e.clipboardData?.getData(`text/plain`)||``;document.execCommand(`insertText`,!1,t),E()},j=()=>{E()},M=e=>{if((e.ctrlKey||e.metaKey)&&!e.shiftKey&&!e.altKey)switch(e.key.toLowerCase()){case`b`:e.preventDefault(),C(`bold`);break;case`i`:e.preventDefault(),C(`italic`);break;case`u`:e.preventDefault(),C(`underline`);break;case`k`:e.preventDefault(),w();break;case`z`:e.preventDefault(),document.execCommand(`undo`,!1),E();break;case`y`:e.preventDefault(),document.execCommand(`redo`,!1),E()}};return(()=>{var e=p(Ie),t=e.firstChild,r=t.firstChild,[i,c]=g(r.nextSibling),h=i.nextSibling,[b,x]=g(h.nextSibling),N=b.nextSibling,[P,F]=g(N.nextSibling),I=P.nextSibling,[L,R]=g(I.nextSibling),z=L.nextSibling,[B,V]=g(z.nextSibling),H=B.nextSibling,[U,W]=g(H.nextSibling),G=U.nextSibling,[K,q]=g(G.nextSibling),J=K.nextSibling,[ee,te]=g(J.nextSibling),ne=ee.nextSibling,[re,ie]=g(ne.nextSibling),ae=re.nextSibling,[oe,Y]=g(ae.nextSibling),se=oe.nextSibling,[ce,le]=g(se.nextSibling),ue=ce.nextSibling,[de,fe]=g(ue.nextSibling),pe=de.nextSibling,[me,he]=g(pe.nextSibling),ge=me.nextSibling,[_e,ve]=g(ge.nextSibling),ye=_e.nextSibling,[be,xe]=g(ye.nextSibling),Se=be.nextSibling,[Ce,we]=g(Se.nextSibling),Te=Ce.nextSibling,[Ee,De]=g(Te.nextSibling),Oe=Ee.nextSibling,[ke,Ae]=g(Oe.nextSibling),je=ke.nextSibling,[Me,Ne]=g(je.nextSibling),X=t.nextSibling;return d(t,(()=>{var e=_(()=>!!u.formatBlock);return()=>e()&&(()=>{var e=p(Le);return e.addEventListener(`change`,e=>S(e.currentTarget.value)),f(e,`disabled`,s),d(e,()=>$e.map(e=>(()=>{var t=p(Re);return d(t,()=>e.label),a(()=>f(t,`value`,e.value)),t})())),a(()=>m(e,`aria-label`,u.formatBlock?`Formato de bloco`:``)),e})()})(),i,c),d(t,(()=>{var e=_(()=>!!u.formatBlock);return()=>e()&&p(Z)})(),b,x),d(t,(()=>{var e=_(()=>!!u.bold);return()=>e()&&(()=>{var e=p(ze);return e.$$click=()=>C(`bold`),f(e,`disabled`,s),l(),e})()})(),P,F),d(t,(()=>{var e=_(()=>!!u.italic);return()=>e()&&(()=>{var e=p(Be);return e.$$click=()=>C(`italic`),f(e,`disabled`,s),l(),e})()})(),L,R),d(t,(()=>{var e=_(()=>!!u.underline);return()=>e()&&(()=>{var e=p(Ve);return e.$$click=()=>C(`underline`),f(e,`disabled`,s),l(),e})()})(),B,V),d(t,(()=>{var e=_(()=>!!u.strikeThrough);return()=>e()&&(()=>{var e=p(He);return e.$$click=()=>C(`strikeThrough`),f(e,`disabled`,s),l(),e})()})(),U,W),d(t,(()=>{var e=_(()=>!!(u.bold||u.italic||u.underline||u.strikeThrough));return()=>e()&&p(Z)})(),K,q),d(t,(()=>{var e=_(()=>!!u.blockquote);return()=>e()&&(()=>{var e=p(Ue);return e.$$click=()=>S(`<blockquote>`),f(e,`disabled`,s),l(),e})()})(),ee,te),d(t,(()=>{var e=_(()=>!!u.code);return()=>e()&&(()=>{var e=p(We);return e.$$click=()=>S(`<pre>`),f(e,`disabled`,s),l(),e})()})(),re,ie),d(t,(()=>{var e=_(()=>!!(u.blockquote||u.code));return()=>e()&&p(Z)})(),oe,Y),d(t,(()=>{var e=_(()=>!!u.unorderedList);return()=>e()&&(()=>{var e=p(Ge);return e.$$click=()=>C(`insertUnorderedList`),f(e,`disabled`,s),l(),e})()})(),ce,le),d(t,(()=>{var e=_(()=>!!u.orderedList);return()=>e()&&(()=>{var e=p(Ke);return e.$$click=()=>C(`insertOrderedList`),f(e,`disabled`,s),l(),e})()})(),de,fe),d(t,(()=>{var e=_(()=>!!(u.unorderedList||u.orderedList));return()=>e()&&p(Z)})(),me,he),d(t,(()=>{var e=_(()=>!!u.link);return()=>e()&&(()=>{var e=p(qe);return e.$$click=w,f(e,`disabled`,s),l(),e})()})(),_e,ve),d(t,(()=>{var e=_(()=>!!u.unlink);return()=>e()&&(()=>{var e=p(Je);return e.$$click=()=>C(`unlink`),f(e,`disabled`,s),l(),e})()})(),be,xe),d(t,(()=>{var e=_(()=>!!(u.link||u.unlink));return()=>e()&&p(Z)})(),Ce,we),d(t,(()=>{var e=_(()=>!!u.undo);return()=>e()&&(()=>{var e=p(Ye);return e.$$click=()=>{document.execCommand(`undo`,!1),E()},f(e,`disabled`,s),l(),e})()})(),Ee,De),d(t,(()=>{var e=_(()=>!!u.redo);return()=>e()&&(()=>{var e=p(Xe);return e.$$click=()=>{document.execCommand(`redo`,!1),E()},f(e,`disabled`,s),l(),e})()})(),ke,Ae),d(t,(()=>{var e=_(()=>!!u.removeFormat);return()=>e()&&(()=>{var e=p(Ze);return e.$$click=T,f(e,`disabled`,s),l(),e})()})(),Me,Ne),X.$$keydown=M,X.addEventListener(`paste`,A),X.addEventListener(`compositionend`,k),X.addEventListener(`compositionstart`,O),X.addEventListener(`blur`,j),X.$$input=D,v(y,X),m(X,`contenteditable`,!s),m(X,`aria-label`,o),m(X,`data-placeholder`,o),f(X,`innerHTML`,n),m(X,`spellcheck`,!0),a(()=>m(t,`aria-label`,u.formatBlock?`Editor de texto rico`:``)),l(),e})()}c([`input`,`keydown`,`click`]);var tt=s(`<div class=group-customizer__fields>`),nt=s(`<div class=group-customizer><div class=group-customizer__header><label class=group-customizer__label></label><!$><!/></div><!$><!/><!$><!/><style>
|
|
521
|
+
.group-customizer { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); overflow: hidden; }
|
|
522
|
+
.group-customizer__header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: #f5f5f5; border-bottom: 1px solid var(--color-border); }
|
|
523
|
+
.group-customizer__label { font-weight: 600; font-size: 0.875rem; color: var(--color-text); margin: 0; }
|
|
524
|
+
.group-customizer__toggle { background: none; border: none; font-size: 1rem; cursor: pointer; color: var(--color-muted); padding: 0.25rem; border-radius: var(--radius-sm); transition: color 0.15s; }
|
|
525
|
+
.group-customizer__toggle:hover { color: var(--color-primary); }
|
|
526
|
+
.group-customizer__description { padding: 0.5rem 1rem; margin: 0; font-size: 0.8125rem; color: var(--color-muted); border-bottom: 1px solid var(--color-border); }
|
|
527
|
+
.group-customizer__fields { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
|
|
528
|
+
.group-customizer__field { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
529
|
+
`),rt=s(`<button type=button class=group-customizer__toggle>`),it=s(`<p class=group-customizer__description>`),at=s(`<div class=group-customizer__field>`);function ot(e){let{t:n}=y(),{value:s,onChange:c,subFields:u,label:f,collapsible:h=!0,defaultExpanded:_=!0,description:v}=e,[b,x]=r(_),[S,C]=r(s||{});return(()=>{var e=p(nt),n=e.firstChild,r=n.firstChild,s=r.nextSibling,[_,y]=g(s.nextSibling),w=n.nextSibling,[T,E]=g(w.nextSibling),D=T.nextSibling,[O,k]=g(D.nextSibling);return O.nextSibling,d(r,f||`Grupo`),d(n,h&&(()=>{var e=p(rt);return e.$$click=()=>x(e=>!e),d(e,()=>b()?`▲`:`▼`),a(t=>{var n=b()?`Colapsar`:`Expandir`,r=b();return n!==t.e&&m(e,`aria-label`,t.e=n),r!==t.t&&m(e,`aria-expanded`,t.t=r),t},{e:void 0,t:void 0}),l(),e})(),_,y),d(e,v&&(()=>{var e=p(it);return d(e,v),e})(),T,E),d(e,i(t,{get when(){return b()||!h},get children(){var e=p(tt);return d(e,i(o,{each:u,children:e=>(()=>{var t=p(at);return d(t,i(Q,{get field(){return{...e,name:e.name}},get value(){return S()[e.name]},onChange:t=>{let n={...S(),[e.name]:t};C(n),c(n)},get subFields(){return e.subFields},get layouts(){return e.layouts}})),t})()})),e}}),O,k),e})()}c([`click`]);var st=s(`<input type=text class=input>`),ct=s(`<textarea class=input rows=4>`),lt=s(`<input type=number class=input>`),ut=s(`<input type=email class=input>`),dt=s(`<input type=url class=input>`),ft=s(`<input type=password class=input>`),pt=s(`<input type=color class=input>`),mt=s(`<select class=input><option value>Select an option</option><!$><!/>`),ht=s(`<option>`),gt=s(`<label class=checkbox-label><input type=checkbox> Enabled`),_t=s(`<div class=field-renderer__fallback><span>Unsupported field type: <!$><!/></span><!$><!/>`);function vt(e){return(()=>{var t=p(st);return t.$$input=t=>e.onChange(t.currentTarget.value),a(()=>m(t,`placeholder`,e.placeholder)),a(()=>f(t,`value`,e.value||``)),l(),t})()}function yt(e){return(()=>{var t=p(ct);return t.$$input=t=>e.onChange(t.currentTarget.value),a(()=>m(t,`placeholder`,e.field.placeholder)),a(()=>f(t,`value`,e.value||``)),l(),t})()}function bt(e){return(()=>{var t=p(lt);return t.$$input=t=>e.onChange(t.currentTarget.value===``?void 0:Number(t.currentTarget.value)),a(n=>{var r=e.field.min,i=e.field.max,a=e.field.step;return r!==n.e&&m(t,`min`,n.e=r),i!==n.t&&m(t,`max`,n.t=i),a!==n.a&&m(t,`step`,n.a=a),n},{e:void 0,t:void 0,a:void 0}),a(()=>f(t,`value`,e.value||``)),l(),t})()}function xt(e){return(()=>{var t=p(ut);return t.$$input=t=>e.onChange(t.currentTarget.value),a(()=>m(t,`placeholder`,e.field.placeholder)),a(()=>f(t,`value`,e.value||``)),l(),t})()}function St(e){return(()=>{var t=p(dt);return t.$$input=t=>e.onChange(t.currentTarget.value),a(()=>m(t,`placeholder`,e.field.placeholder)),a(()=>f(t,`value`,e.value)),l(),t})()}function Ct(e){return(()=>{var t=p(ft);return t.addEventListener(`change`,t=>e.onChange(t.currentTarget.value)),a(()=>f(t,`value`,e.value)),t})()}function wt(e){let t=e=>e.toLowerCase().normalize(`NFD`).replace(/[̀-ͯ]/g,``).replace(/[^a-z0-9]+/g,`-`).replace(/(^-|-$)/g,``);return(()=>{var n=p(st);return n.addEventListener(`blur`,n=>e.onChange(t(n.currentTarget.value.trim()))),n.$$input=n=>e.onChange(t(n.currentTarget.value)),a(()=>m(n,`placeholder`,e.placeholder)),a(()=>f(n,`value`,e.value)),l(),n})()}function Tt(e){return(()=>{var t=p(pt);return t.addEventListener(`change`,t=>e.onChange(t.currentTarget.value)),a(()=>f(t,`value`,e.value)),t})()}function Et(e){return(()=>{var t=p(mt),n=t.firstChild.nextSibling,[r,i]=g(n.nextSibling);return t.addEventListener(`change`,t=>e.onChange(t.currentTarget.value)),d(t,()=>(e.field.options??[]).map(e=>{let t=typeof e==`string`?e:e.value,n=typeof e==`string`?e:e.label;return(()=>{var e=p(ht);return f(e,`value`,t),d(e,n),e})()}),r,i),a(()=>f(t,`value`,String(e.value??``))),t})()}function Dt(e){return(()=>{var t=p(gt),n=t.firstChild;return n.addEventListener(`change`,t=>e.onChange(t.currentTarget.checked)),a(()=>f(n,`checked`,e.value===!0)),t})()}function Q(e){let{field:t,value:n,onChange:r}=e,a=t.type;switch(a){case`text`:return i(vt,{value:n||``,onChange:r,get placeholder(){return t.placeholder}});case`textarea`:return i(yt,{field:t,value:n||``,onChange:r});case`number`:case`range`:return i(bt,{field:t,value:n||``,onChange:r});case`email`:return i(xt,{field:t,value:n,onChange:r});case`url`:return i(St,{field:t,value:n,onChange:r});case`password`:return i(Ct,{field:t,value:n,onChange:r});case`slug`:return i(wt,{field:t,value:n,onChange:r,get placeholder(){return t.placeholder}});case`select`:return i(Et,{field:t,value:n,onChange:r});case`checkbox`:case`toggle`:return i(Dt,{value:n,onChange:r});case`color`:case`color_picker`:return i(Tt,{value:n,onChange:r});case`wysiwyg`:return i(et,{value:n,onChange:r,get placeholder(){return t.placeholder},disabled:!1});case`date_picker`:case`date_time_picker`:case`time_picker`:return i(C,{type:a,value:n,onChange:r,get placeholder(){return t.placeholder},get label(){return t.label},get min(){return _(()=>t.min!=null)()?`${t.min}`:void 0},get max(){return _(()=>t.max!=null)()?`${t.max}`:void 0},get step(){return _(()=>t.step!=null)()?String(t.step):void 0}});case`google_map`:return i(G,{value:n,onChange:r,get placeholder(){return t.placeholder},get label(){return t.label}});case`link`:return i(q,{value:n,onChange:r,get placeholder(){return t.placeholder},get label(){return t.label}});case`relationship`:case`post_object`:return i(Ae,{value:n,onChange:r,get postType(){return t.postType},get multiple(){return t.multiple!==!1},get placeholder(){return t.placeholder},get label(){return t.label}});case`image`:case`file`:case`media`:return i(xe,{value:n,onChange:r,get multiple(){return t.multiple},get accept(){return t.accept},get label(){return t.label},get placeholder(){return t.placeholder}});case`gallery`:return i(xe,{value:n,onChange:r,multiple:!0,get accept(){return t.accept},get label(){return t.label},get placeholder(){return t.placeholder}});case`group`:return i(ot,{value:n,onChange:r,get subFields(){return t.subFields},get label(){return t.label},get collapsible(){return t.collapsible},get defaultExpanded(){return t.defaultExpanded}});case`taxonomy`:case`user`:return i(M,{get entityType(){return t.entityType??a},value:n,onChange:r,get taxonomy(){return t.taxonomy},get multiple(){return t.multiple!==!1},get placeholder(){return t.placeholder},get label(){return t.label}});case`repeater`:return i(Fe,{get subFields(){return t.subFields},value:n,onChange:r,get label(){return t.label},get itemLabel(){return t.itemLabel},get minRows(){return t.minRows},get maxRows(){return t.maxRows}});case`flexible_content`:return i(z,{get layouts(){return t.layouts},value:n,onChange:r,get label(){return t.label},get minRows(){return t.minRows},get maxRows(){return t.maxRows}});default:return(()=>{var e=p(_t),o=e.firstChild,s=o.firstChild.nextSibling,[c,l]=g(s.nextSibling),u=o.nextSibling,[f,m]=g(u.nextSibling);return d(o,a,c,l),d(e,i(vt,{value:n||``,onChange:r,get placeholder(){return t.placeholder}}),f,m),e})()}}c([`input`]);var Ot=s(`<div class=customizer__tab-panel role=tabpanel>`),kt=s(`<div><div class=customizer__tabs role=tablist></div><div class=customizer__tab-panels><!$><!/><!$><!/>`),At=s(`<button class=customizer__tab role=tab>`),jt=s(`<div class=customizer__field><label></label><!$><!/>`),Mt=s(`<div><!$><!/><!$><!/>`),Nt=s(`<div class=customizer__accordion>`),Pt=s(`<p class=muted>`),Ft=s(`<span class=customizer__saved>`),It=s(`<div class="alert alert-error">`),Lt=s(`<div class=customizer__layout><aside class=customizer__panel><h3><!$><!/> · <!$><!/></h3><!$><!/><!$><!/><div class=customizer__actions><button class="btn btn-primary"></button><button class="btn btn-secondary"></button><button class="btn btn-secondary"></button></div><!$><!/><!$><!/><p class="muted customizer__hint"></p></aside><section class=customizer__preview><div class=customizer__preview-bar><input class=input placeholder=/></div><iframe class=customizer__frame>`),Rt=s(`<div class=customizer><!$><!/><style>
|
|
530
|
+
.customizer__layout {
|
|
531
|
+
display: grid;
|
|
532
|
+
grid-template-columns: minmax(280px, 340px) 1fr;
|
|
533
|
+
gap: 1.25rem;
|
|
534
|
+
align-items: start;
|
|
535
|
+
}
|
|
536
|
+
.customizer__panel {
|
|
537
|
+
background: var(--color-surface);
|
|
538
|
+
border: 1px solid var(--color-border);
|
|
539
|
+
border-radius: var(--radius-lg);
|
|
540
|
+
padding: 1.25rem;
|
|
541
|
+
display: flex;
|
|
542
|
+
flex-direction: column;
|
|
543
|
+
gap: 0.85rem;
|
|
544
|
+
position: sticky;
|
|
545
|
+
top: 1rem;
|
|
546
|
+
}
|
|
547
|
+
.customizer__panel h3 { margin: 0; font-size: 1rem; }
|
|
548
|
+
.customizer__field { display: flex; flex-direction: column; gap: 0.3rem; }
|
|
549
|
+
.customizer__field label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }
|
|
550
|
+
.customizer__color { height: 2.25rem; padding: 0.15rem; }
|
|
551
|
+
.customizer__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
|
|
552
|
+
.customizer__saved { font-size: 0.75rem; color: var(--color-success); }
|
|
553
|
+
.customizer__hint { font-size: 0.75rem; margin: 0; }
|
|
554
|
+
.customizer__preview {
|
|
555
|
+
display: flex;
|
|
556
|
+
flex-direction: column;
|
|
557
|
+
gap: 0.5rem;
|
|
558
|
+
min-width: 0;
|
|
559
|
+
}
|
|
560
|
+
.customizer__preview-bar { display: flex; gap: 0.5rem; }
|
|
561
|
+
.customizer__frame {
|
|
562
|
+
width: 100%;
|
|
563
|
+
height: min(72vh, 780px);
|
|
564
|
+
border: 1px solid var(--color-border);
|
|
565
|
+
border-radius: var(--radius-md);
|
|
566
|
+
background: var(--color-white);
|
|
567
|
+
}
|
|
568
|
+
.alert-error {
|
|
569
|
+
background: var(--color-error-soft);
|
|
570
|
+
color: var(--color-error);
|
|
571
|
+
border: 1px solid var(--color-error);
|
|
572
|
+
padding: 0.75rem 1rem;
|
|
573
|
+
border-radius: var(--radius-md);
|
|
574
|
+
}
|
|
575
|
+
.empty-state { padding: 3rem; text-align: center; color: var(--color-muted); }
|
|
576
|
+
.skeleton { padding: 2rem; text-align: center; color: var(--color-muted); }
|
|
577
|
+
`),zt=s(`<div class=skeleton>Loading...`),Bt=s(`<div class=empty-state><!$><!/> <a class="btn btn-secondary"href=/themes>`),Vt=800;function Ht(e){return e.default===void 0?e.type===`checkbox`?!1:e.type===`number`?0:``:e.default}function $(e){let t=e;return{name:e.name,type:e.type??`text`,label:e.label,default:e.default,options:e.options,required:e.required,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,minLength:e.minLength,maxLength:e.maxLength,pattern:e.pattern,postType:t.postType,multiple:t.multiple,accept:t.accept,entityType:t.entityType,taxonomy:t.taxonomy,itemLabel:t.itemLabel,minRows:t.minRows,maxRows:t.maxRows,collapsible:t.collapsible,defaultExpanded:t.defaultExpanded,subFields:e.subFields?.map($),layouts:e.layouts?.map(e=>({name:e.name,label:e.label,subFields:e.subFields?.map($)||[]}))}}function Ut(){return typeof window>`u`?null:new URLSearchParams(window.location.search).get(`theme`)}function Wt(){let{t:s}=y(),[c,u]=r([]),[h,v]=r(!0),[S,C]=r(null),[w,T]=r({}),[E,D]=r({}),[O,k]=r(!1),[A,j]=r(!1),[M,N]=r(`/`),[P,F]=r(0),[I,L]=r(null),[R,z]=r(null),B=null,V=n(()=>{let e=I();return e?c().find(t=>t.id===e)??null:c().find(e=>e.status===`ACTIVE`)??null}),H=n(()=>(V()?.manifest?.settings??[]).filter(e=>!!e&&typeof e.name==`string`).filter(e=>x(e,w()))),U=n(()=>{let e=new Map,t=[];for(let n of H()){let r=n.group;r?(e.has(r)||e.set(r,[]),e.get(r).push(n)):t.push(n)}return{groups:Array.from(e.entries()).sort((e,t)=>(e[1][0].groupOrder??0)-(t[1][0].groupOrder??0)),ungrouped:t}}),W=n(()=>JSON.stringify(w())!==JSON.stringify(E()));e(async()=>{let e=Ut();e&&L(e),await G()});async function G(){C(null);try{v(!0);let e=await b.getThemes();u(e);let t=e.find(e=>e.id===I())??null;if(t||=e.find(e=>e.status===`ACTIVE`)??null,!t){C(s(`customizer.noTheme`));return}L(t.id);let n=t.manifest?.settings?.find(e=>e.group);n&&n.group&&z(n.group);let r=t.config??{};D(r);let i={};for(let e of t.manifest?.settings??[])i[e.name]=r[e.name]===void 0?Ht(e):r[e.name];T(i)}catch{C(s(`customizer.loadError`))}finally{v(!1)}}function K(e,t){T({...w(),[e]:t}),j(!1),q()}function q(){B&&clearTimeout(B),B=setTimeout(()=>F(e=>e+1),Vt)}function J(){B&&clearTimeout(B),F(e=>e+1)}function ee(){T({...E()}),j(!1),J()}async function te(){let e=V();if(e){C(null),j(!1),k(!0);try{let t=await b.updateThemeConfig(e.id,w());u(c().map(n=>n.id===e.id?t:n)),D({...w()}),j(!0)}catch{C(s(`customizer.saveError`))}finally{k(!1)}}}let ne=()=>{let e=M()||`/`,t=encodeURIComponent(JSON.stringify(w())),n=e.includes(`?`)?`&`:`?`,r=V()?.name;return`${e}${n}preview_settings=${t}${r?`&preview_theme=${encodeURIComponent(r)}`:``}&_=${P()}`},re=n(()=>{let e=U();return e.groups.length>0?(()=>{var n=p(kt),r=n.firstChild,s=r.nextSibling,c=s.firstChild,[u,h]=g(c.nextSibling),_=u.nextSibling,[v,y]=g(_.nextSibling);return d(r,()=>e.groups.map(([e])=>(()=>{var t=p(At);return t.$$click=()=>z(e),d(t,e),a(n=>{var r=R()===e,i=R()===e;return r!==n.e&&t.classList.toggle(`active`,n.e=r),i!==n.t&&m(t,`aria-selected`,n.t=i),n},{e:void 0,t:void 0}),l(),t})())),d(s,()=>e.groups.map(([e,t])=>(()=>{var n=p(Ot);return d(n,i(o,{each:t,children:e=>{let t=$(e);return(()=>{var n=p(jt),r=n.firstChild,o=r.nextSibling,[s,c]=g(o.nextSibling);return d(r,()=>e.label||e.name),d(n,i(Q,{field:t,get value(){return w()[e.name]},onChange:t=>K(e.name,t)}),s,c),a(()=>m(r,`for`,`customizer-${e.name}`)),n})()}})),a(()=>f(n,`hidden`,R()!==e)),n})()),u,h),d(s,i(t,{get when(){return e.ungrouped.length>0},get children(){var t=p(Ot);return d(t,i(o,{get each(){return e.ungrouped},children:e=>{let t=$(e);return(()=>{var n=p(jt),r=n.firstChild,o=r.nextSibling,[s,c]=g(o.nextSibling);return d(r,()=>e.label||e.name),d(n,i(Q,{field:t,get value(){return w()[e.name]},onChange:t=>K(e.name,t)}),s,c),a(()=>m(r,`for`,`customizer-${e.name}`)),n})()}})),t}}),v,y),n})():(()=>{var t=p(Mt),n=t.firstChild,[r,s]=g(n.nextSibling),c=r.nextSibling,[l,u]=g(c.nextSibling);return d(t,(()=>{var t=_(()=>!!(e.groups.length===1&&e.groups[0]));return()=>t()&&(()=>{var t=p(Nt);return d(t,i(o,{get each(){return e.groups[0][1]},children:e=>{let t=$(e);return(()=>{var n=p(jt),r=n.firstChild,o=r.nextSibling,[s,c]=g(o.nextSibling);return d(r,()=>e.label||e.name),d(n,i(Q,{field:t,get value(){return w()[e.name]},onChange:t=>K(e.name,t)}),s,c),a(()=>m(r,`for`,`customizer-${e.name}`)),n})()}})),t})()})(),r,s),d(t,(()=>{var t=_(()=>e.ungrouped.length>0);return()=>t()&&i(o,{get each(){return e.ungrouped},children:e=>{let t=$(e);return(()=>{var n=p(jt),r=n.firstChild,o=r.nextSibling,[s,c]=g(o.nextSibling);return d(r,()=>e.label||e.name),d(n,i(Q,{field:t,get value(){return w()[e.name]},onChange:t=>K(e.name,t)}),s,c),a(()=>m(r,`for`,`customizer-${e.name}`)),n})()}})})(),l,u),t})()});return(()=>{var e=p(Rt),n=e.firstChild,[r,o]=g(n.nextSibling);return r.nextSibling,d(e,i(t,{get when(){return!h()},get fallback(){return p(zt)},get children(){return i(t,{get when(){return V()},get fallback(){return(()=>{var e=p(Bt),t=e.firstChild,[n,r]=g(t.nextSibling),i=n.nextSibling.nextSibling;return d(e,()=>s(`customizer.noTheme`),n,r),d(i,()=>s(`customizer.goToThemes`)),e})()},get children(){var e=p(Lt),n=e.firstChild,r=n.firstChild,o=r.firstChild,[c,u]=g(o.nextSibling),h=c.nextSibling.nextSibling,[v,y]=g(h.nextSibling),b=r.nextSibling,[x,C]=g(b.nextSibling),w=x.nextSibling,[T,E]=g(w.nextSibling),D=T.nextSibling,k=D.firstChild,j=k.nextSibling,P=j.nextSibling,F=D.nextSibling,[I,L]=g(F.nextSibling),R=I.nextSibling,[z,B]=g(R.nextSibling),U=z.nextSibling,G=n.nextSibling.firstChild,K=G.firstChild,q=G.nextSibling;return d(r,()=>V().name,c,u),d(r,()=>s(`customizer.title`),v,y),d(n,i(t,{get when(){return H().length===0},get children(){var e=p(Pt);return d(e,()=>s(`customizer.noSettings`)),e}}),x,C),d(n,re,T,E),k.$$click=te,d(k,(()=>{var e=_(()=>!!O());return()=>e()?s(`customizer.saving`):s(`customizer.save`)})()),j.$$click=ee,d(j,()=>s(`customizer.reset`)),P.$$click=J,d(P,()=>s(`customizer.refreshPreview`)),d(n,i(t,{get when(){return A()},get children(){var e=p(Ft);return d(e,()=>s(`customizer.saved`)),e}}),I,L),d(n,i(t,{get when(){return S()},get children(){var e=p(It);return d(e,S),e}}),z,B),d(U,()=>s(`customizer.previewHint`)),K.addEventListener(`change`,e=>{N(e.currentTarget.value||`/`),J()}),a(e=>{var t=O()||!W(),n=!W(),r=s(`customizer.previewPath`),i=s(`customizer.previewTitle`),a=ne();return t!==e.e&&f(k,`disabled`,e.e=t),n!==e.t&&f(j,`disabled`,e.t=n),r!==e.a&&m(K,`aria-label`,e.a=r),i!==e.o&&m(q,`title`,e.o=i),a!==e.i&&m(q,`src`,e.i=a),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),a(()=>f(K,`value`,M())),l(),e}})}}),r,o),e})()}c([`click`]);export{Wt as ThemeCustomizer};
|