domma-cms 0.9.5 → 0.9.10

package/admin/js/app.js

@@ -1,4 +1,4 @@
-import{getSidebarConfig as Y}from"./config/sidebar-config.js";import{views as q}from"./views/index.js";import{api as o,getUser as m,isAuthenticated as c,logout as z}from"./api.js";$(()=>{(async()=>{try{const t=c()?await o.settings.get():null;Domma.theme.init({theme:t?.adminTheme||"charcoal-dark",persist:!0})}catch{Domma.theme.init({theme:"charcoal-dark",persist:!0})}})();const N=["jb-company","jb-agent","jb-candidate"],W=["/job-board","/my-profile"];function b(t){return t&&N.includes(t.role)}function w(t){return W.some(e=>t===e||t.startsWith(e+"/"))}R.use(async(t,e,a)=>{if(t.path==="/login"||t.path==="/reset-password")return a();if(!c()){R.navigate("/login");return}if(b(m())&&!w(t.path)){R.navigate("/job-board");return}a()});let p=null;async function I(){if(!c())return{};try{const[t,e,a,i,s,n,h,g,u,C,r,d,F]=await Promise.all([o.pages.list().catch(()=>[]),o.media.list().catch(()=>[]),o.users.list().catch(()=>[]),o.plugins.list().catch(()=>[]),o.collections.list().catch(()=>[]),o.forms.list().catch(()=>[]),o.themes.list().catch(()=>[]),o.views.list().catch(()=>[]),o.actions.list().catch(()=>[]),o.blocks.list().catch(()=>[]),o.navigation.get().catch(()=>({})),o.layouts.get().catch(()=>({})),o.get("/collections/roles/entries?limit=100").catch(()=>({entries:[]}))]),T=r.items||[],J=T.filter(D=>!D.hidden).length,L=T.length,H=i.filter(D=>D.enabled).length,B=i.length;return{pages:t.length,media:e.length,users:a.length,plugins:B>0?`${H}/${B}`:null,collections:s.length,forms:n.length,themes:h.length,views:g.length,actions:u.length,blocks:C.length,navigation:L>0?`${J}/${L}`:null,layouts:Object.keys(d).length,roles:(F.entries||[]).length}}catch{return{}}}async function y(){try{return(await o.get("/auth/permissions")).permissions||[]}catch{return[]}}async function V(){try{return await o.get("/settings/db-status")}catch{return{configured:!1}}}async function k(t){p&&$("#admin-sidebar").empty();const[e,a,i]=await Promise.all([I(),V(),c()?o.settings.get().catch(()=>({})):Promise.resolve({})]),s=i.adminBrand||{},n=s.title||"CMS Admin",h=s.icon||"layout",g=s.logo||"",u=$("#admin-topbar .topbar-brand");g?u.html(`<img src="${l(g)}" class="topbar-brand-logo" alt="${l(n)}"><span class="topbar-brand-text">${l(n)}</span>`):u.html(`<span data-icon="${l(h)}"></span><span class="topbar-brand-text">${l(n)}</span>`),Domma.icons.scan("#admin-topbar .topbar-brand");const C=A.map(r=>{if(!r.countKey)return r;const d=e[r.countKey];return{...r,badge:d!=null&&d>0?String(d):null}});if(p=Domma.elements.sidebar("#admin-sidebar",{header:{title:n,icon:h},items:Y(t,e,C),collapsible:!0,collapseAt:992,push:!0,contentSelector:".dashboard-main",top:"60px"}),K(),O(),a?.configured){const r=$("#admin-sidebar").find(".sidebar-header-title").first();r.length&&!r.find(".db-badge").length&&r.append('<span class="db-badge" title="MongoDB connected" style="display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;letter-spacing:.5px;margin-left:6px;vertical-align:middle;line-height:1;">DB</span>')}}function K(){$("#admin-sidebar .sidebar-link").each(function(){const t=$(this).find(".sidebar-text").text().trim();t&&$(this).attr("data-tooltip",t)}),E.tooltip("#admin-sidebar [data-tooltip]",{placement:"right"})}function O(){const t="sidebar_collapsed_sections",e=new Set(S.get(t)||[]);$("#admin-sidebar .sidebar-heading").each(function(){const a=$(this);a.addClass("sidebar-heading--collapsible"),a.append('<span class="sidebar-heading-toggle"><span data-icon="chevron-down"></span></span>');const i=a.text().trim();if(e.has(i)){a.addClass("is-collapsed");let s=a.next();for(;s.length&&!s.hasClass("sidebar-heading")&&!s.hasClass("sidebar-divider");)s.hide(),s=s.next()}a.on("click",function(){const s=!a.hasClass("is-collapsed");a.toggleClass("is-collapsed",s);let n=a.next();for(;n.length&&!n.hasClass("sidebar-heading")&&!n.hasClass("sidebar-divider");)n.toggle(!s),n=n.next();s?e.add(i):e.delete(i),S.set(t,[...e])})}),Domma.icons.scan("#admin-sidebar")}M.subscribe("router:afterChange",({to:t})=>{p&&t.path!=="/login"&&t.path!=="/reset-password"&&p.setActive("#"+t.path)});const U=[{path:"/",view:"dashboard",title:"Dashboard - Domma CMS"},{path:"/pages",view:"pages",title:"Pages - Domma CMS"},{path:"/pages/new",view:"pageEditor",title:"New Page - Domma CMS"},{path:"/pages/edit/*",view:"pageEditor",title:"Edit Page - Domma CMS"},{path:"/media",view:"media",title:"Media - Domma CMS"},{path:"/navigation",view:"navigation",title:"Navigation - Domma CMS"},{path:"/layouts",view:"layouts",title:"Layouts - Domma CMS"},{path:"/settings",view:"settings",title:"Settings - Domma CMS"},{path:"/users",view:"users",title:"Users - Domma CMS"},{path:"/users/new",view:"userEditor",title:"New User - Domma CMS"},{path:"/users/edit/:id",view:"userEditor",title:"Edit User - Domma CMS"},{path:"/plugins",view:"plugins",title:"Plugins - Domma CMS"},{path:"/documentation",view:"documentation",title:"Usage - Domma CMS"},{path:"/tutorials",view:"tutorials",title:"Tutorials - Domma CMS"},{path:"/api-reference",view:"apiReference",title:"API Reference - Domma CMS"},{path:"/collections",view:"collections",title:"Collections - Domma CMS"},{path:"/collections/new",view:"collectionEditor",title:"New Collection - Domma CMS"},{path:"/collections/edit/:slug",view:"collectionEditor",title:"Edit Collection - Domma CMS"},{path:"/collections/:slug/entries",view:"collectionEntries",title:"Entries - Domma CMS"},{path:"/forms",view:"forms",title:"Forms - Domma CMS"},{path:"/forms/new",view:"formEditor",title:"New Form - Domma CMS"},{path:"/forms/edit/:slug",view:"formEditor",title:"Edit Form - Domma CMS"},{path:"/forms/:slug/submissions",view:"formSubmissions",title:"Submissions - Domma CMS"},{path:"/views",view:"viewsList",title:"Views - Domma CMS"},{path:"/views/new",view:"viewEditor",title:"New View - Domma CMS"},{path:"/views/edit/:slug",view:"viewEditor",title:"Edit View - Domma CMS"},{path:"/views/:slug/preview",view:"viewPreview",title:"View Preview - Domma CMS"},{path:"/actions",view:"actionsList",title:"Actions - Domma CMS"},{path:"/actions/new",view:"actionEditor",title:"New Action - Domma CMS"},{path:"/actions/edit/:slug",view:"actionEditor",title:"Edit Action - Domma CMS"},{path:"/pro/docs",view:"proDocs",title:"Pro Documentation - Domma CMS"},{path:"/blocks",view:"blocks",title:"Blocks - Domma CMS"},{path:"/blocks/new",view:"blockEditor",title:"New Block - Domma CMS"},{path:"/blocks/edit/:name",view:"blockEditor",title:"Edit Block - Domma CMS"},{path:"/my-profile",view:"myProfile",title:"My Profile - Domma CMS"},{path:"/roles",view:"roles",title:"Roles & Permissions - Domma CMS"},{path:"/roles/edit/:id",view:"roleEditor",title:"Edit Role - Domma CMS"},{path:"/effects",view:"effects",title:"Effects - Domma CMS"},{path:"/login",view:"login",title:"Sign in - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}},{path:"/reset-password",view:"login",title:"Reset Password - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}}];M.subscribe("router:afterChange",async({to:t,from:e})=>{if(!(t.path==="/login"||t.path==="/reset-password")){if(b(m())&&!w(t.path)){R.navigate("/job-board");return}if($("#admin-sidebar").show(),$("#admin-topbar").show(),e?.path==="/login"||e?.path==="/reset-password"){$("#topbar-user-name").remove(),await j();const a=await y();k(a)}_()}}),M.subscribe("router:afterChange",()=>{setTimeout(()=>{$(".btn-primary, .btn-danger").length&&Domma.effects.reveal(".btn-primary, .btn-danger",{animation:"fade",stagger:40,duration:300})},50)});const x="cms_card_states",f=S.get(x)||{};M.subscribe("router:afterChange",()=>{setTimeout(()=>{$("#view-container .card-collapsible").each(function(){const t=$(this).find(".card-header h2, .card-header h3").first().text().trim();t&&f[t]==="collapsed"&&$(this).addClass("card-collapsed")})},200)}),$("#view-container").on("click",".card-collapsible .card-header",function(t){if($(t.target).closest("button, a").length)return;const e=$(this).closest(".card");e.toggleClass("card-collapsed");const a=$(this).find("h2, h3").first().text().trim();a&&(f[a]=e.hasClass("card-collapsed")?"collapsed":"open",S.set(x,f))}),document.addEventListener("keydown",t=>{if(!(t.ctrlKey||t.metaKey)||t.key!=="s"||window.location.hash==="#/login"||window.location.hash.startsWith("#/reset-password"))return;const e=document.querySelector("#view-container .view-header button.btn-primary");e&&(t.preventDefault(),e.click())});const P={...q},v=[...U];let A=[];async function j(){if(c())try{const t=await o.plugins.adminConfig();A=t.sidebar||[],t.routes?.length&&v.push(...t.routes);for(const[e,a]of Object.entries(t.views||{}))try{const i=await import(`/plugins/${a.entry}`);P[e]=i[a.exportName]}catch{}}catch{}}function _(){const t=m();if(!t||$("#topbar-user-name").length)return;const a={admin:"Admin",manager:"Manager",editor:"Editor",subscriber:"Subscriber","jb-company":"Company","jb-agent":"Agent","jb-candidate":"Candidate"}[t.role]||t.role;$("#topbar-user").html(`
+import{getSidebarConfig as Y}from"./config/sidebar-config.js";import{views as q}from"./views/index.js?v=4";import{api as n,getUser as m,isAuthenticated as c,logout as z}from"./api.js";$(()=>{(async()=>{try{const t=c()?await n.settings.get():null;Domma.theme.init({theme:t?.adminTheme||"charcoal-dark",persist:!0})}catch{Domma.theme.init({theme:"charcoal-dark",persist:!0})}})();const N=["jb-company","jb-agent","jb-candidate"],W=["/job-board","/my-profile"];function b(t){return t&&N.includes(t.role)}function w(t){return W.some(e=>t===e||t.startsWith(e+"/"))}R.use(async(t,e,a)=>{if(t.path==="/login"||t.path==="/reset-password")return a();if(!c()){R.navigate("/login");return}if(b(m())&&!w(t.path)){R.navigate("/job-board");return}a()});let p=null;async function I(){if(!c())return{};try{const[t,e,a,i,s,o,h,g,u,C,r,d,F]=await Promise.all([n.pages.list().catch(()=>[]),n.media.list().catch(()=>[]),n.users.list().catch(()=>[]),n.plugins.list().catch(()=>[]),n.collections.list().catch(()=>[]),n.forms.list().catch(()=>[]),n.themes.list().catch(()=>[]),n.views.list().catch(()=>[]),n.actions.list().catch(()=>[]),n.blocks.list().catch(()=>[]),n.navigation.get().catch(()=>({})),n.layouts.get().catch(()=>({})),n.get("/collections/roles/entries?limit=100").catch(()=>({entries:[]}))]),T=r.items||[],J=T.filter(D=>!D.hidden).length,L=T.length,H=i.filter(D=>D.enabled).length,B=i.length;return{pages:t.length,media:e.length,users:a.length,plugins:B>0?`${H}/${B}`:null,collections:s.length,forms:o.length,themes:h.length,views:g.length,actions:u.length,blocks:C.length,navigation:L>0?`${J}/${L}`:null,layouts:Object.keys(d).length,roles:(F.entries||[]).length}}catch{return{}}}async function y(){try{return(await n.get("/auth/permissions")).permissions||[]}catch{return[]}}async function V(){try{return await n.get("/settings/db-status")}catch{return{configured:!1}}}async function k(t){p&&$("#admin-sidebar").empty();const[e,a,i]=await Promise.all([I(),V(),c()?n.settings.get().catch(()=>({})):Promise.resolve({})]),s=i.adminBrand||{},o=s.title||"CMS Admin",h=s.icon||"layout",g=s.logo||"",u=$("#admin-topbar .topbar-brand");g?u.html(`<img src="${l(g)}" class="topbar-brand-logo" alt="${l(o)}"><span class="topbar-brand-text">${l(o)}</span>`):u.html(`<span data-icon="${l(h)}"></span><span class="topbar-brand-text">${l(o)}</span>`),Domma.icons.scan("#admin-topbar .topbar-brand");const C=A.map(r=>{if(!r.countKey)return r;const d=e[r.countKey];return{...r,badge:d!=null&&d>0?String(d):null}});if(p=Domma.elements.sidebar("#admin-sidebar",{header:{title:o,icon:h},items:Y(t,e,C),collapsible:!0,collapseAt:992,push:!0,contentSelector:".dashboard-main",top:"60px"}),K(),O(),a?.configured){const r=$("#admin-sidebar").find(".sidebar-header-title").first();r.length&&!r.find(".db-badge").length&&r.append('<span class="db-badge" title="MongoDB connected" style="display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;letter-spacing:.5px;margin-left:6px;vertical-align:middle;line-height:1;">DB</span>')}}function K(){$("#admin-sidebar .sidebar-link").each(function(){const t=$(this).find(".sidebar-text").text().trim();t&&E.tooltip(this,{content:t,position:"right"})})}function O(){const t="sidebar_collapsed_sections",e=new Set(S.get(t)||[]);$("#admin-sidebar .sidebar-heading").each(function(){const a=$(this);a.addClass("sidebar-heading--collapsible"),a.append('<span class="sidebar-heading-toggle"><span data-icon="chevron-down"></span></span>');const i=a.text().trim();if(e.has(i)){a.addClass("is-collapsed");let s=a.next();for(;s.length&&!s.hasClass("sidebar-heading")&&!s.hasClass("sidebar-divider");)s.hide(),s=s.next()}a.on("click",function(){const s=!a.hasClass("is-collapsed");a.toggleClass("is-collapsed",s);let o=a.next();for(;o.length&&!o.hasClass("sidebar-heading")&&!o.hasClass("sidebar-divider");)o.toggle(!s),o=o.next();s?e.add(i):e.delete(i),S.set(t,[...e])})}),Domma.icons.scan("#admin-sidebar")}M.subscribe("router:afterChange",({to:t})=>{p&&t.path!=="/login"&&t.path!=="/reset-password"&&p.setActive("#"+t.path)});const U=[{path:"/",view:"dashboard",title:"Dashboard - Domma CMS"},{path:"/pages",view:"pages",title:"Pages - Domma CMS"},{path:"/pages/new",view:"pageEditor",title:"New Page - Domma CMS"},{path:"/pages/edit/*",view:"pageEditor",title:"Edit Page - Domma CMS"},{path:"/media",view:"media",title:"Media - Domma CMS"},{path:"/navigation",view:"navigation",title:"Navigation - Domma CMS"},{path:"/layouts",view:"layouts",title:"Layouts - Domma CMS"},{path:"/settings",view:"settings",title:"Settings - Domma CMS"},{path:"/users",view:"users",title:"Users - Domma CMS"},{path:"/users/new",view:"userEditor",title:"New User - Domma CMS"},{path:"/users/edit/:id",view:"userEditor",title:"Edit User - Domma CMS"},{path:"/plugins",view:"plugins",title:"Plugins - Domma CMS"},{path:"/documentation",view:"documentation",title:"Usage - Domma CMS"},{path:"/tutorials",view:"tutorials",title:"Tutorials - Domma CMS"},{path:"/api-reference",view:"apiReference",title:"API Reference - Domma CMS"},{path:"/collections",view:"collections",title:"Collections - Domma CMS"},{path:"/collections/new",view:"collectionEditor",title:"New Collection - Domma CMS"},{path:"/collections/edit/:slug",view:"collectionEditor",title:"Edit Collection - Domma CMS"},{path:"/collections/:slug/entries",view:"collectionEntries",title:"Entries - Domma CMS"},{path:"/forms",view:"forms",title:"Forms - Domma CMS"},{path:"/forms/new",view:"formEditor",title:"New Form - Domma CMS"},{path:"/forms/edit/:slug",view:"formEditor",title:"Edit Form - Domma CMS"},{path:"/forms/:slug/submissions",view:"formSubmissions",title:"Submissions - Domma CMS"},{path:"/views",view:"viewsList",title:"Views - Domma CMS"},{path:"/views/new",view:"viewEditor",title:"New View - Domma CMS"},{path:"/views/edit/:slug",view:"viewEditor",title:"Edit View - Domma CMS"},{path:"/views/:slug/preview",view:"viewPreview",title:"View Preview - Domma CMS"},{path:"/actions",view:"actionsList",title:"Actions - Domma CMS"},{path:"/actions/new",view:"actionEditor",title:"New Action - Domma CMS"},{path:"/actions/edit/:slug",view:"actionEditor",title:"Edit Action - Domma CMS"},{path:"/pro/docs",view:"proDocs",title:"Pro Documentation - Domma CMS"},{path:"/blocks",view:"blocks",title:"Blocks - Domma CMS"},{path:"/blocks/new",view:"blockEditor",title:"New Block - Domma CMS"},{path:"/blocks/edit/:name",view:"blockEditor",title:"Edit Block - Domma CMS"},{path:"/my-profile",view:"myProfile",title:"My Profile - Domma CMS"},{path:"/roles",view:"roles",title:"Roles & Permissions - Domma CMS"},{path:"/roles/edit/:id",view:"roleEditor",title:"Edit Role - Domma CMS"},{path:"/effects",view:"effects",title:"Effects - Domma CMS"},{path:"/login",view:"login",title:"Sign in - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}},{path:"/reset-password",view:"login",title:"Reset Password - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}}];M.subscribe("router:afterChange",async({to:t,from:e})=>{if(!(t.path==="/login"||t.path==="/reset-password")){if(b(m())&&!w(t.path)){R.navigate("/job-board");return}if($("#admin-sidebar").show(),$("#admin-topbar").show(),e?.path==="/login"||e?.path==="/reset-password"){$("#topbar-user-name").remove(),await j();const a=await y();k(a)}_()}}),M.subscribe("router:afterChange",()=>{setTimeout(()=>{$(".btn-primary, .btn-danger").length&&Domma.effects.reveal(".btn-primary, .btn-danger",{animation:"fade",stagger:40,duration:300})},50)});const x="cms_card_states",f=S.get(x)||{};M.subscribe("router:afterChange",()=>{setTimeout(()=>{$("#view-container .card-collapsible").each(function(){const t=$(this).find(".card-header h2, .card-header h3").first().text().trim();t&&f[t]==="collapsed"&&$(this).addClass("card-collapsed")})},200)}),$("#view-container").on("click",".card-collapsible .card-header",function(t){if($(t.target).closest("button, a").length)return;const e=$(this).closest(".card");e.toggleClass("card-collapsed");const a=$(this).find("h2, h3").first().text().trim();a&&(f[a]=e.hasClass("card-collapsed")?"collapsed":"open",S.set(x,f))}),document.addEventListener("keydown",t=>{if(!(t.ctrlKey||t.metaKey)||t.key!=="s"||window.location.hash==="#/login"||window.location.hash.startsWith("#/reset-password"))return;const e=document.querySelector("#view-container .view-header button.btn-primary");e&&(t.preventDefault(),e.click())});const P={...q},v=[...U];let A=[];async function j(){if(c())try{const t=await n.plugins.adminConfig();A=t.sidebar||[],t.routes?.length&&v.push(...t.routes);for(const[e,a]of Object.entries(t.views||{}))try{const i=await import(`/plugins/${a.entry}`);P[e]=i[a.exportName]}catch{}}catch{}}function _(){const t=m();if(!t||$("#topbar-user-name").length)return;const a={admin:"Admin",manager:"Manager",editor:"Editor",subscriber:"Subscriber","jb-company":"Company","jb-agent":"Agent","jb-candidate":"Candidate"}[t.role]||t.role;$("#topbar-user").html(`
             <span id="topbar-user-name" class="topbar-user-name">${l(t.name)}</span>
             <span class="topbar-role-badge topbar-role-badge--${l(t.role)}">${a}</span>
         `),$("#topbar-actions").html(`
@@ -14,4 +14,4 @@ import{getSidebarConfig as Y}from"./config/sidebar-config.js";import{views as q}
                 <span data-icon="log-out"></span>
                 <span>Sign out</span>
             </a>
-        `),$("#topbar-logout-btn").on("click",i=>{i.preventDefault(),z()}),Domma.icons.scan("#admin-topbar"),E.tooltip("#topbar-actions [data-tooltip]",{placement:"bottom"})}function l(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}(async()=>{if(!c()&&!window.location.hash.startsWith("#/reset-password"))window.location.hash="#/login";else{const i=(window.location.hash||"#/").slice(1)||"/";if(b(m())&&!w(i)&&(window.location.hash="#/job-board"),await j(),m()){const n=await y();await k(n),_()}}R.init({container:"#view-container",routes:v,views:P,default:"/",transitions:{enter:"fadeIn",leave:"fadeOut",duration:150}});const t=R._extractParams.bind(R);R._extractParams=function(i,s){if(i.endsWith("/*")){const n=i.slice(0,-2);return s.startsWith(n+"/")?{}:null}return t(i,s)};const e=(window.location.hash||"#/").slice(1)||"/";v.filter(i=>i.path.endsWith("/*")).some(i=>e.startsWith(i.path.slice(0,-2)+"/"))&&R._handleRouteChange()})()});
+        `),$("#topbar-logout-btn").on("click",i=>{i.preventDefault(),z()}),Domma.icons.scan("#admin-topbar"),E.tooltip("#topbar-actions [data-tooltip]",{placement:"bottom"})}function l(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}(async()=>{if(!c()&&!window.location.hash.startsWith("#/reset-password"))window.location.hash="#/login";else{const i=(window.location.hash||"#/").slice(1)||"/";if(b(m())&&!w(i)&&(window.location.hash="#/job-board"),await j(),m()){const o=await y();await k(o),_()}}R.init({container:"#view-container",routes:v,views:P,default:"/",transitions:{enter:"fadeIn",leave:"fadeOut",duration:150}});const t=R._extractParams.bind(R);R._extractParams=function(i,s){if(i.endsWith("/*")){const o=i.slice(0,-2);return s.startsWith(o+"/")?{}:null}return t(i,s)};const e=(window.location.hash||"#/").slice(1)||"/";v.filter(i=>i.path.endsWith("/*")).some(i=>e.startsWith(i.path.slice(0,-2)+"/"))&&R._handleRouteChange()})()});

package/admin/js/lib/card-builder.js

@@ -0,0 +1,7 @@
+const F=[{key:"header-body",group:"Basic",label:"Header + Body",thumb:"\u25A4"},{key:"basic",group:"Basic",label:"Body only",thumb:"\u25AD"},{key:"header-body-footer",group:"Basic",label:"Header + Body + Footer",thumb:"\u2630"},{key:"no-header-footer",group:"Basic",label:"Body + Footer (no header)",thumb:"\u25A5"},{key:"icon-top",group:"Icon",label:"Icon top (stacked)",thumb:"\u2B06\u2605"},{key:"icon-inline",group:"Icon",label:"Icon inline",thumb:"\u2605\u25B6"},{key:"image-top",group:"Image",label:"Image top",thumb:"\u{1F5BC}"},{key:"image-overlay",group:"Image",label:"Image + overlay title",thumb:"\u{1F5BC}\u2726"},{key:"thumb-left",group:"Image",label:"Thumbnail left",thumb:"\u{1F5BC}\u2590"},{key:"thumb-right",group:"Image",label:"Thumbnail right",thumb:"\u258C\u{1F5BC}"},{key:"wide-left-image",group:"Image",label:"Wide image left",thumb:"\u{1F5BC}\u258D"},{key:"full-bg",group:"Image",label:"Full background",thumb:"\u{1F5BC}"},{key:"split-half",group:"Image",label:"Split half",thumb:"\u2592\u2590"},{key:"avatar-profile",group:"People",label:"Avatar / Profile",thumb:"\u{1F464}"},{key:"stat-metric",group:"People",label:"Stat / Metric",thumb:"\u{1F4CA}"},{key:"quote-testimonial",group:"People",label:"Quote / Testimonial",thumb:"\u201C"},{key:"rating-review",group:"People",label:"Rating / Review",thumb:"\u2605"},{key:"activity-feed",group:"People",label:"Activity feed",thumb:"\u{1F514}"},{key:"callout",group:"Content",label:"Callout",thumb:"\u{1F4A1}"},{key:"code-snippet",group:"Content",label:"Code snippet",thumb:"</>"},{key:"file-document",group:"Content",label:"File / Document",thumb:"\u{1F4C4}"},{key:"tag-cloud",group:"Content",label:"Tag cloud",thumb:"\u{1F3F7}"},{key:"video-media",group:"Media",label:"Video / Media",thumb:"\u25B6"},{key:"location-map",group:"Special",label:"Location / Map",thumb:"\u{1F4CD}"},{key:"step-numbered",group:"Special",label:"Step / Numbered",thumb:"\u2460"},{key:"corner-badge",group:"Special",label:"Corner badge",thumb:"\u{1F3F7}"},{key:"badge-band",group:"Special",label:"Badge band",thumb:"\u2B1B"},{key:"glass-gradient-border",group:"Special",label:"Glass gradient border",thumb:"\u25C8"},{key:"timeline-entry",group:"Special",label:"Timeline entry",thumb:"\u2022\u2014"},{key:"before-after",group:"Compare",label:"Before / After",thumb:"\u2194"},{key:"pricing",group:"Compare",label:"Pricing card",thumb:"\xA3"},{key:"feature-comparison",group:"Compare",label:"Feature comparison",thumb:"\u2611"},{key:"progress-goal",group:"Compare",label:"Progress / Goal",thumb:"\u25B0"}],j=["clean","gradient","glass","accent","dark","glow"],q=["indigo","ocean","sunset","forest","rose","midnight","aurora","fire","lagoon","dusk","lime","gold","arctic","slate"],B={indigo:"#6366f1,#8b5cf6",ocean:"#0891b2,#2563eb",sunset:"#f59e0b,#ef4444",forest:"#10b981,#0d9488",rose:"#fb7185,#e11d48",midnight:"#1e1b4b,#4338ca",aurora:"#06b6d4,#6366f1",fire:"#ef4444,#f97316",lagoon:"#06b6d4,#0e7490",dusk:"#7c3aed,#db2777",lime:"#84cc16,#10b981",gold:"#f59e0b,#b45309",arctic:"#bae6fd,#e0f2fe",slate:"#475569,#1e293b"},T=["activity","airpods","airport","alert-circle","alert-warning","ambulance","angry","annoyed","apartment","arch","archive","arrow-down","arrow-down-left","arrow-down-right","arrow-left","arrow-right","arrow-up","arrow-up-left","arrow-up-right","astonished","at-sign","attachment","award","badge","ban","bandage","bank","banknote","barbell","barcode","barn","baseball","basketball","battery","battery-charging","bauble","bell","bell-off","bells","bicycle","bitcoin","blood-drop","blush","bold","bone","book","book-closed","book-open","bookmark","bookmark-filled","bowling","box","boxing-glove","brain","bridge","briefcase","building","bus","cabin","cake","calculator","calendar","camera","camera-off","candy-cane","capsule","car","cart","cart-add","cash","cast","castle","chart-area","chart-bar","chart-bar-horizontal","chart-candlestick","chart-line","chart-pie","chat","chat-alt","check","check-circle","check-circle-filled","check-square","chevron-down","chevron-left","chevron-right","chevron-up","chevrons-down","chevrons-left","chevrons-right","chevrons-up","church","circle","circle-filled","clear-format","clipboard","clipboard-check","clipboard-list","clock","close","cloud","cloud-download","cloud-drizzle","cloud-lightning","cloud-off","cloud-rain","cloud-sun","cloud-upload","code","code-block","code-inline","cog","coins","columns","comment","compass","component","confused","cool","copy","corner-down-left","corner-down-right","corner-up-left","corner-up-right","court","cpu","credit-card","crown","crutch","cry","currency-dollar","currency-euro","currency-pound","cycling","database","dead","desktop","disappointed","dna","document","document-add","document-check","document-remove","document-text","dollar-sign","dome","dot","dots-horizontal","dots-vertical","download","droplet","droplets","dumbbell","edit","embed","emoji-happy","emoji-sad","euro-sign","exclamation","expand","expressionless","external-link","eye","eye-medical","eye-off","factory","fast-forward","feather","file-code","file-text","file-zip","fill","film","filter","fire","first-aid","fishing","flag","fog","folder","folder-add","folder-minus","folder-open","folder-plus","folder-remove","football","fortress","fuel","gamepad","garage","gauge","gift","git-branch","github","globe","golf","grid","grin","growth","hard-drive","hash","haze","heading-1","heading-2","heading-3","headphones","heart","heart-eyes","heart-filled","heart-pulse","heartbeat","help-circle","holly","home","hospital","hotel","house","image","image-add","images","inbox","indent","info","info-filled","investment","invoice","italic","joy","joystick","key","kettlebell","keyboard","laptop","laugh","layers","layout","library","lighthouse","lightning","link","link-2","link-add","linkedin","list","list-bullet","list-numbered","loader","loading","lock","log-in","log-out","lungs","mail","mail-open","map","map-pin","mask","maximize","medal","medical-cross","menu","menu-alt","message-circle","message-square","mic","mic-off","microscope","minimize","minus","minus-circle","minus-square","monitor","monument","moon","moon-star","more-horizontal","more-vertical","mosque","motorcycle","mountain","mouse","mouse-pointer","move","museum","music","nerd","neutral","notification","obelisk","office","outdent","package","palette","panel-bottom","panel-left","panel-right","panel-top","paperclip","parking","pause","pause-filled","percent","phone","phone-call","phone-incoming","phone-off","phone-outgoing","piggy-bank","pill","pill-bottle","pin","play","play-circle","play-filled","plug","plus","plus-circle","plus-square","podium","pound-sign","printer","pulse","pyramid","qrcode","question","quote","racket","radio","rage","rain","rainbow","receipt","redo","refresh","refresh-cw","reindeer","rewind","road","rotate-ccw","rotate-cw","router","rss","running","sad","safe","save","scale","scale-weight","school","search","send","server","settings","share","share-2","share-alt","shield","shield-alert","shield-check","shield-x","shipping","shocked","shopping-bag","shrink","sick","sidebar-left","sidebar-right","silly","skate","ski","skip-back","skip-forward","skyscraper","sleepy","sleigh","sliders","smartphone","smartwatch","smile","snow","snowflake","snowman","sob","soccer","sort","sparkles","speaker","spinner","square","stadium","star","star-decoration","star-eyes","star-filled","stethoscope","stop","stop-filled","stopwatch","store","strikethrough","sun","sunrise","sunset","surfboard","surprised","swimming","sync","syringe","tablet","tablet-smartphone","tag","tags","target","taxi","temple","tennis","tent","terminal","test-tube","text-center","text-left","text-right","thermometer","thermometer-medical","thermometer-sun","thinking","thumb-down","thumb-up","tongue","tool","tooth","tower","train-station","trash","tree","trending-down","trending-neutral","trending-up","trophy","truck","tv","tv-minimal","twitter","type","umbrella","underline","undo","university","unlink","unlock","upload","usb","user","user-add","user-check","user-group","user-plus","user-remove","users","vaccine","van","vault","video","video-off","volleyball","volume","volume-down","volume-mute","volume-off","volume-up","wallet","warehouse","warning","warning-filled","watch","webcam","wheelchair","whistle","wifi","wifi-off","wind","windmill","wink","wreath","x","x-circle","x-circle-filled","yoga","youtube","zany","zap"];let y=null,a=null,w=null,L=null;export const CardBuilder={open(e,t={}){y||(w=e,L=t,a={layout:"header-body",variant:"clean",gradient:"indigo",title:"",subtitle:"",icon:"",iconLayout:"inline",image:"",body:"",footer:"",hover:!1,collapsible:!1,value:"",delta:"",progress:"50",price:"",period:"",lang:"JavaScript",filename:"",filesize:"",filetype:"PDF",rating:"5",duration:"",address:"",step:"1",badge:"New",tags:"",calloutType:"info",font:"",fontSize:"",borderless:!1,shadow:"",rounded:"",textAlign:"",padding:""},R())},close(){S()}};function A(){const e=a,t=[];e.layout!=="header-body"&&t.push(`layout="${e.layout}"`),e.title&&t.push(`title="${e.title}"`),e.subtitle&&t.push(`subtitle="${e.subtitle}"`),e.icon&&t.push(`icon="${e.icon}"`),e.icon&&e.iconLayout==="stacked"&&t.push('icon-layout="stacked"'),e.image&&t.push(`image="${e.image}"`),e.variant!=="clean"&&t.push(`variant="${e.variant}"`),e.variant==="gradient"&&e.gradient!=="indigo"&&t.push(`gradient="${e.gradient}"`),e.hover&&t.push("hover"),e.collapsible&&t.push('collapsible="true"'),e.font&&t.push(`font="${e.font}"`),e.fontSize&&t.push(`font-size="${e.fontSize}"`),e.borderless&&t.push("borderless"),e.shadow&&t.push(`shadow="${e.shadow}"`),e.rounded&&t.push(`rounded="${e.rounded}"`),e.textAlign&&t.push(`text-align="${e.textAlign}"`),e.padding&&t.push(`padding="${e.padding}"`),e.footer&&!["pricing","feature-comparison","activity-feed","before-after","progress-goal"].includes(e.layout)&&t.push(`footer="${e.footer}"`);const o={"stat-metric":()=>{e.value&&t.push(`value="${e.value}"`),e.delta&&t.push(`delta="${e.delta}"`),e.progress&&t.push(`progress="${e.progress}"`)},pricing:()=>{e.price&&t.push(`price="${e.price}"`),e.period&&t.push(`period="${e.period}"`)},"code-snippet":()=>t.push(`lang="${e.lang}"`),"file-document":()=>{t.push(`filename="${e.filename}"`),e.filesize&&t.push(`filesize="${e.filesize}"`),e.filetype&&t.push(`filetype="${e.filetype}"`)},"rating-review":()=>t.push(`rating="${e.rating}"`),"video-media":()=>{e.duration&&t.push(`duration="${e.duration}"`)},"location-map":()=>{e.address&&t.push(`address="${e.address}"`)},"step-numbered":()=>t.push(`step="${e.step}"`),"corner-badge":()=>{e.badge&&t.push(`badge="${e.badge}"`)},"badge-band":()=>{e.badge&&t.push(`badge="${e.badge}"`)},"tag-cloud":()=>{e.tags&&t.push(`tags="${e.tags}"`)},"avatar-profile":()=>{e.tags&&t.push(`tags="${e.tags}"`)},callout:()=>{e.calloutType&&t.push(`callout-type="${e.calloutType}"`)},"split-half":()=>{}};o[e.layout]&&o[e.layout]();const n=t.length?" "+t.join(" "):"",i=e.body.trim()||"Content here.",d={"before-after":`[before]Before item 1 \xB7 Before item 2[/before]
+[after]After item 1 \xB7 After item 2[/after]`,pricing:`[feature]Feature one[/feature]
+[feature]Feature two[/feature]`,"feature-comparison":`[feature]Included feature[/feature]
+[feature excluded]Excluded feature[/feature]`,"activity-feed":'[activity user="Alice" action="published a page" time="2 min ago"]',"progress-goal":`[milestone done]Phase 1[/milestone]
+[milestone]Phase 2[/milestone]`}[e.layout]||i;return`[card${n}]
+${d}
+[/card]`}function S(){y&&(y.remove(),y=null,a=null)}function M(){const e=A(),t=w.selectionStart,o=w.selectionEnd;w.value=w.value.slice(0,t)+e+w.value.slice(o),w.selectionStart=w.selectionEnd=t+e.length,w.dispatchEvent(new Event("input",{bubbles:!0})),w.focus(),S()}function R(){y=document.createElement("div"),Object.assign(y.style,{position:"fixed",inset:"0",background:"rgba(0,0,0,.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"9999",padding:"24px",isolation:"isolate"});const e=document.createElement("div");Object.assign(e.style,{background:"var(--dm-surface,#1e293b)",border:"1px solid var(--dm-border,#334155)",borderRadius:"14px",width:"100%",maxWidth:"860px",maxHeight:"90vh",display:"flex",flexDirection:"column",boxShadow:"0 24px 64px rgba(0,0,0,.6)",overflow:"hidden"});const t=r("div","display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--dm-border,#334155);flex-shrink:0"),o=r("span","font-weight:700;color:var(--dm-text,#f1f5f9);font-size:14px");o.textContent="Insert Card";const n=r("button","background:var(--dm-border,#334155);border:none;color:var(--dm-text-muted,#94a3b8);border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:14px");n.textContent="\u2715",n.addEventListener("click",S),t.appendChild(o),t.appendChild(n);const i=r("div","display:grid;grid-template-columns:280px 1fr;flex:1;overflow:hidden");i.appendChild(O()),i.appendChild(ie());const l=r("div","display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--dm-border,#334155);flex-shrink:0"),d=r("button","padding:8px 18px;border-radius:8px;border:none;background:var(--dm-border,#334155);color:var(--dm-text-muted,#94a3b8);font-size:12px;font-weight:700;cursor:pointer");d.textContent="Cancel",d.addEventListener("click",S);const c=r("button","padding:8px 18px;border-radius:8px;border:none;background:#6366f1;color:#fff;font-size:12px;font-weight:700;cursor:pointer");c.textContent="Insert Card",c.addEventListener("click",M),l.appendChild(d),l.appendChild(c),e.appendChild(t),e.appendChild(i),e.appendChild(l),y.appendChild(e),y.addEventListener("click",b=>{b.target===y&&S()}),document.body.appendChild(y),P(),g()}function r(e,t=""){const o=document.createElement(e);return t&&(o.style.cssText=t),o}const E="padding:7px 10px;border-radius:7px;border:1px solid var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text,#e2e8f0);font-size:12px;font-family:inherit;width:100%";function O(){const e=r("div","padding:18px;border-right:1px solid var(--dm-border,#334155);display:flex;flex-direction:column;gap:14px;overflow-y:auto");e.appendChild(s("Layout",N()));const t=r("div","display:contents");t.id="cb-dyn-fields",e.appendChild(t),e.appendChild(D()),e.appendChild(s("Style",G()));const o=r("div");return o.id="cb-grad-wrap",o.style.display=a.variant==="gradient"?"":"none",o.appendChild(s("Gradient",H())),e.appendChild(o),e.appendChild(s("Options",U())),e.appendChild(D()),e.appendChild(W()),e}function N(){const e=r("select",E+";cursor:pointer"),t={};return F.forEach(o=>{(t[o.group]=t[o.group]||[]).push(o)}),Object.entries(t).forEach(([o,n])=>{const i=document.createElement("optgroup");i.label=o,n.forEach(l=>{const d=document.createElement("option");d.value=l.key,d.textContent=`${l.thumb}  ${l.label}`,l.key===a.layout&&(d.selected=!0),i.appendChild(d)}),e.appendChild(i)}),e.addEventListener("change",()=>{a.layout=e.value,P(),g()}),e}function G(){const e=r("div","display:grid;grid-template-columns:repeat(3,1fr);gap:5px"),t={clean:"background:#f8fafc;color:#374151;border:2px solid #e2e8f0",gradient:"background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:2px solid transparent",glass:"background:rgba(255,255,255,.06);color:#94a3b8;border:2px dashed #334155",accent:"background:#fff;color:#4338ca;border-left:4px solid #6366f1;border-top:2px solid #e2e8f0;border-right:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0",dark:"background:#0f172a;color:#818cf8;border:2px solid #334155",glow:"color:#818cf8;border:2px solid #6366f1;box-shadow:0 0 6px rgba(99,102,241,.4)"};return j.forEach(o=>{const n=r("div",`padding:6px 4px;border-radius:7px;font-size:10px;font-weight:700;text-align:center;cursor:pointer;${t[o]}`);n.textContent=o.charAt(0).toUpperCase()+o.slice(1),n.dataset.variant=o,o===a.variant&&(n.style.outline="2px solid #6366f1"),n.addEventListener("click",()=>{a.variant=o,e.querySelectorAll("[data-variant]").forEach(l=>{l.style.outline=""}),n.style.outline="2px solid #6366f1";const i=document.getElementById("cb-grad-wrap");i&&(i.style.display=o==="gradient"?"":"none"),g()}),e.appendChild(n)}),e}function H(){const e=r("div","display:flex;flex-wrap:wrap;gap:7px");return q.forEach(t=>{const[o,n]=(B[t]||"#6366f1,#8b5cf6").split(","),i=r("div",`width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,${o},${n});cursor:pointer;border:2px solid transparent;transition:border-color .15s`);i.title=t,t===a.gradient&&(i.style.borderColor="#fff"),i.addEventListener("click",()=>{a.gradient=t,e.querySelectorAll("div").forEach(l=>{l.style.borderColor="transparent"}),i.style.borderColor="#fff",g()}),e.appendChild(i)}),e}function U(){const e=r("div","display:flex;gap:6px");return["hover","collapsible"].forEach(t=>{const o=r("div"),n=i=>{o.style.cssText=`flex:1;padding:6px 8px;border-radius:7px;border:1px solid;font-size:11px;font-weight:700;text-align:center;cursor:pointer;${i?"border-color:#6366f1;background:#1e1b4b;color:#a5b4fc":"border-color:var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text-muted,#64748b)"}`};n(a[t]),o.textContent=t.charAt(0).toUpperCase()+t.slice(1),o.addEventListener("click",()=>{a[t]=!a[t],n(a[t]),g()}),e.appendChild(o)}),e}function z(e,t){const o=r("select",E+";cursor:pointer");return t.forEach(([n,i])=>{const l=document.createElement("option");l.value=n,l.textContent=i,n===a[e]&&(l.selected=!0),o.appendChild(l)}),o.addEventListener("change",()=>{a[e]=o.value,g()}),o}function Y(e,t){const o=r("div"),n=i=>{o.style.cssText=`flex:1;padding:6px 8px;border-radius:7px;border:1px solid;font-size:11px;font-weight:700;text-align:center;cursor:pointer;${i?"border-color:#6366f1;background:#1e1b4b;color:#a5b4fc":"border-color:var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text-muted,#64748b)"}`};return n(a[e]),o.textContent=t,o.addEventListener("click",()=>{a[e]=!a[e],n(a[e]),g()}),o}function V(){const e=r("div","display:flex;gap:6px");return[["","Left"],["center","Centre"],["right","Right"]].forEach(([t,o])=>{const n=r("div"),i=l=>{n.style.cssText=`flex:1;padding:5px 4px;border-radius:7px;border:1px solid;font-size:11px;font-weight:700;text-align:center;cursor:pointer;${l?"border-color:#6366f1;background:#1e1b4b;color:#a5b4fc":"border-color:var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text-muted,#64748b)"}`};i(a.textAlign===t),n.textContent=o,n.addEventListener("click",()=>{a.textAlign=t,e.querySelectorAll("div").forEach((l,d)=>i([["","Left"],["center","Centre"],["right","Right"]][d][0]===t)),g()}),e.appendChild(n)}),e}function W(){const e=r("div","display:flex;flex-direction:column;gap:14px"),t=r("div","font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dm-text-muted,#475569)");t.textContent="Presentation",e.appendChild(t);const o=r("div","display:grid;grid-template-columns:1fr 1fr;gap:10px"),n=(l,d)=>{const c=r("div","display:flex;flex-direction:column;gap:5px"),b=r("div","font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dm-text-muted,#475569)");b.textContent=l,c.appendChild(b),c.appendChild(d),o.appendChild(c)};n("Font",z("font",[["","Default"],["serif","Serif"],["mono","Mono"]])),n("Size",z("fontSize",[["","Default"],["sm","Small"],["lg","Large"],["xl","XL"]])),n("Shadow",z("shadow",[["","Default"],["none","None"],["md","Medium"],["lg","Large"]])),n("Padding",z("padding",[["","Default"],["compact","Compact"],["spacious","Spacious"]])),n("Corners",z("rounded",[["","Default"],["none","Square"],["sm","Small"],["lg","Large"],["full","Full"]])),e.appendChild(o),e.appendChild(s("Align",V()));const i=r("div","display:flex;gap:6px");return i.appendChild(Y("borderless","Borderless")),e.appendChild(i),e}function s(e,t){const o=r("div","display:flex;flex-direction:column;gap:5px"),n=r("div","font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dm-text-muted,#475569)");return n.textContent=e,o.appendChild(n),o.appendChild(t),o}function D(){return r("div","height:1px;background:var(--dm-border,#334155);margin:2px 0")}function p(e,t){const o=r("input",E);return o.type="text",t&&(o.placeholder=t),o.value=a[e]||"",o.addEventListener("input",()=>{a[e]=o.value,g()}),o}function J(e,t){const o=r("select",E+";cursor:pointer");return t.forEach(n=>{const i=document.createElement("option");i.value=n,i.textContent=n,n===a[e]&&(i.selected=!0),o.appendChild(i)}),o.addEventListener("change",()=>{a[e]=o.value,g()}),o}const Q={"icon-top":["subtitle","icon","iconLayout"],"icon-inline":["subtitle","icon","iconLayout"],"image-top":["image"],"image-overlay":["image"],"thumb-left":["image"],"thumb-right":["image"],"wide-left-image":["image"],"full-bg":["image"],"split-half":["image"],"avatar-profile":["subtitle","icon","tags"],"stat-metric":["value","delta","progress"],"quote-testimonial":["subtitle","icon"],callout:["calloutType","icon"],"video-media":["image","duration"],"location-map":["address"],"step-numbered":["step"],"corner-badge":["icon","badge"],"badge-band":["icon","badge"],"rating-review":["rating","subtitle","icon"],"tag-cloud":["tags"],"activity-feed":[],"code-snippet":["lang"],"file-document":["filename","filesize","filetype"],"before-after":[],pricing:["price","period"],"feature-comparison":["subtitle"],"progress-goal":["progress"],"timeline-entry":["subtitle","badge"],"glass-gradient-border":[]},X=new Set(["basic","no-header-footer","code-snippet","file-document","stat-metric"]),Z=new Set(["stat-metric","file-document"]),K=new Set(["pricing","feature-comparison","activity-feed","before-after","progress-goal"]);function P(){const e=document.getElementById("cb-dyn-fields");if(!e)return;for(;e.firstChild;)e.removeChild(e.firstChild);const t=a.layout,o=Q[t]||[];X.has(t)||e.appendChild(s("Title",p("title","Card heading"))),o.forEach(n=>{const i={subtitle:()=>s("Subtitle",p("subtitle","Secondary line")),icon:()=>s("Icon",te()),iconLayout:()=>s("Icon layout",oe()),image:()=>s("Image",ne()),value:()=>s("Value",p("value","\xA324,980")),delta:()=>s("Delta",p("delta","\u2191 12.4%")),progress:()=>s("Progress %",p("progress","50")),price:()=>s("Price",p("price","\xA329")),period:()=>s("Period",p("period","per month")),lang:()=>s("Language",p("lang","JavaScript")),filename:()=>s("Filename",p("filename","document.pdf")),filesize:()=>s("File size",p("filesize","2.4 MB")),filetype:()=>s("File type",p("filetype","PDF")),rating:()=>s("Rating (1\u20135)",p("rating","5")),duration:()=>s("Duration",p("duration","4:32")),address:()=>s("Address",p("address","12 Main St")),step:()=>s("Step number",p("step","1")),badge:()=>s("Badge label",p("badge","New")),tags:()=>s("Tags (comma-separated)",p("tags","Design, CSS")),calloutType:()=>s("Type",J("calloutType",["info","warn","success","error"]))};i[n]&&e.appendChild(i[n]())}),Z.has(t)||e.appendChild(s("Body content",ee())),K.has(t)||e.appendChild(s("Footer",p("footer","")))}function ee(){const e=r("textarea",E+";resize:vertical;min-height:60px;line-height:1.5");return e.value=a.body||"",e.addEventListener("input",()=>{a.body=e.value,g()}),e}function te(){const e=r("div","display:flex;gap:6px"),t=r("input",E+";flex:1");t.type="text",t.placeholder="icon name",t.value=a.icon||"",t.addEventListener("input",()=>{a.icon=t.value,g()});const o=r("button","padding:0 10px;height:34px;background:var(--dm-border,#334155);border:none;color:var(--dm-text-muted,#94a3b8);border-radius:7px;font-size:13px;cursor:pointer;flex-shrink:0");return o.title="Browse icons",o.textContent="\u2605",o.addEventListener("click",()=>de(n=>{a.icon=n,t.value=n,g()})),e.appendChild(t),e.appendChild(o),e}function oe(){const e=r("div","display:flex;gap:6px");return["inline","stacked"].forEach(t=>{const o=r("div"),n=i=>{o.style.cssText=`flex:1;padding:6px;border-radius:7px;border:1px solid;font-size:11px;font-weight:700;text-align:center;cursor:pointer;${i?"border-color:#6366f1;background:#1e1b4b;color:#a5b4fc":"border-color:var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text-muted,#64748b)"}`};n(a.iconLayout===t),o.textContent=t.charAt(0).toUpperCase()+t.slice(1),o.addEventListener("click",()=>{a.iconLayout=t,e.querySelectorAll("div").forEach((i,l)=>n(["inline","stacked"][l]===t)),g()}),e.appendChild(o)}),e}function re(){return new Promise(async e=>{let t=[];L&&typeof L.onMediaBrowse=="function"&&(t=await L.onMediaBrowse()||[]);const o=document.createElement("dialog");o.style.cssText="margin:auto;padding:0;border:none;border-radius:12px;background:var(--dm-surface,#1e293b);width:min(700px,95vw);max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,.5)";const n=document.createElement("style");n.textContent="dialog.cb-media-picker::backdrop{background:rgba(0,0,0,.75)}",o.className="cb-media-picker";const i=m=>{o.close(),o.remove(),n.remove(),e(m)},l=r("div","display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--dm-border,#334155)"),d=r("div","font-weight:700;font-size:14px;color:var(--dm-text,#f1f5f9)");d.textContent="Select Image";const c=r("button","background:var(--dm-border,#334155);border:none;color:var(--dm-text-muted,#94a3b8);border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:14px");c.textContent="\xD7",c.addEventListener("click",()=>i(null)),o.addEventListener("cancel",()=>i(null)),l.appendChild(d),l.appendChild(c);const b=r("div","padding:16px;overflow-y:auto;flex:1"),k=r("div","display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px"),v=t.filter(m=>/\.(png|jpe?g|gif|webp|svg)$/i.test(m.name||""));if(v.length)v.forEach(m=>{const u=r("div","display:flex;flex-direction:column;gap:6px;cursor:pointer;border:2px solid transparent;border-radius:8px;padding:6px"),h=document.createElement("img");h.src=m.url,h.alt=m.name||"",h.style.cssText="width:100%;height:80px;object-fit:cover;border-radius:6px;display:block";const x=r("div","font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--dm-text-muted,#94a3b8)");x.textContent=m.name||m.url,u.appendChild(h),u.appendChild(x),u.addEventListener("mouseenter",()=>{u.style.borderColor="#6366f1"}),u.addEventListener("mouseleave",()=>{u.style.borderColor="transparent"}),u.addEventListener("click",()=>i(m.url)),k.appendChild(u)});else{const m=r("div","color:var(--dm-text-muted,#94a3b8);font-size:13px;padding:20px;text-align:center");m.textContent="No images uploaded yet.",k.appendChild(m)}b.appendChild(k),o.appendChild(l),o.appendChild(b),document.head.appendChild(n),document.body.appendChild(o),o.showModal()})}function ne(){const e=r("div","display:flex;gap:6px"),t=r("input",E+";flex:1");t.type="text",t.placeholder="/media/image.jpg",t.value=a.image||"",t.addEventListener("input",()=>{a.image=t.value,g()});const o=r("button","padding:0 10px;height:34px;background:var(--dm-border,#334155);border:none;color:var(--dm-text-muted,#94a3b8);border-radius:7px;font-size:13px;cursor:pointer;flex-shrink:0");return o.title="Browse media",o.textContent="\u{1F4C1}",o.addEventListener("click",async()=>{const n=await re();n&&(a.image=n,t.value=n,g())}),e.appendChild(t),e.appendChild(o),e}function ie(){const e=r("div","padding:20px;background:var(--dm-surface,#f8fafc);display:flex;flex-direction:column;gap:14px;overflow-y:auto"),t=r("div","font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dm-text-muted,#94a3b8)");t.textContent="Live Preview";const o=r("div","flex:1;display:flex;align-items:flex-start;justify-content:center");o.id="cb-preview-area";const n=r("div","font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dm-text-muted,#94a3b8);margin-bottom:6px");n.textContent="Shortcode";const i=r("div","background:var(--dm-surface,#1e293b);border:1px solid var(--dm-border,#334155);border-radius:8px;padding:10px 14px;font-family:monospace;font-size:11px;color:var(--dm-primary,#a5b4fc);line-height:1.8;white-space:pre-wrap;word-break:break-all");return i.id="cb-snippet",e.appendChild(t),e.appendChild(o),e.appendChild(n),e.appendChild(i),e}function g(){const e=document.getElementById("cb-preview-area");if(!e)return;for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(ae());const t=document.getElementById("cb-snippet");t&&(t.textContent=A())}function ae(){const e=a,[t,o]=(B[e.gradient]||"#6366f1,#8b5cf6").split(","),n=`linear-gradient(135deg,${t},${o})`,i={clean:"background:var(--dm-surface,#fff);border:1px solid var(--dm-border,#e5e7eb);box-shadow:0 1px 4px rgba(0,0,0,.06)",gradient:`background:${n};color:#fff`,glass:"background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 24px rgba(0,0,0,.12)",accent:"background:var(--dm-surface,#fff);border-top:1px solid var(--dm-border,#e5e7eb);border-right:1px solid var(--dm-border,#e5e7eb);border-bottom:1px solid var(--dm-border,#e5e7eb);border-left:4px solid #6366f1",dark:"background:#0f172a;color:#e2e8f0;border:1px solid #1e293b",glow:"background:var(--dm-surface,#fff);border:1px solid #6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15),0 0 20px rgba(99,102,241,.3)"},l=e.variant==="gradient"?`background:${n};color:#fff;padding:12px 16px`:"background:var(--dm-border,#f3f4f6);color:var(--dm-text,#111);padding:12px 16px",d=r("div");d.style.cssText=`width:100%;max-width:300px;border-radius:12px;overflow:hidden;font-size:13px;font-family:system-ui,sans-serif;${i[e.variant]||i.clean}`;const c={serif:"Georgia,serif",mono:"'SF Mono','Fira Code',monospace"};e.font&&c[e.font]&&(d.style.fontFamily=c[e.font]);const b={sm:"11px",lg:"15px",xl:"17px"};e.fontSize&&b[e.fontSize]&&(d.style.fontSize=b[e.fontSize]),e.borderless&&(d.style.border="none");const k={none:"none",md:"0 4px 12px rgba(0,0,0,.1)",lg:"0 10px 30px rgba(0,0,0,.18)"};e.shadow&&k[e.shadow]!==void 0&&(d.style.boxShadow=k[e.shadow]);const v={none:"0",sm:"4px",lg:"20px",full:"9999px"};if(e.rounded&&v[e.rounded]!==void 0&&(d.style.borderRadius=v[e.rounded]),e.textAlign&&(d.style.textAlign=e.textAlign),new Set(["image-top","image-overlay","thumb-left","thumb-right","wide-left-image","full-bg","split-half","video-media"]).has(e.layout)){const f=r("div","height:120px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:var(--dm-border,#e2e8f0)");e.image&&(f.style.backgroundImage=`url('${e.image}')`),e.image||(f.textContent="\u{1F5BC}"),d.appendChild(f)}if(!new Set(["basic","no-header-footer","image-overlay","stat-metric","quote-testimonial","activity-feed","before-after","code-snippet","file-document","glass-gradient-border"]).has(e.layout)&&e.title){const f=r("div",l),C=r("div","font-weight:700");C.textContent=e.title,f.appendChild(C),d.appendChild(f)}const h=e.variant==="dark"?"color:#94a3b8;":e.variant==="gradient"?"color:rgba(255,255,255,.85);":"",x=r("div",`padding:13px 16px;${h}`);if(new Set(["before-after","pricing","feature-comparison","activity-feed","progress-goal"]).has(e.layout)){const f=r("em","font-size:11px;color:var(--dm-text-muted,#9ca3af)");f.textContent="Simplified preview \u2014 full render on save.",x.appendChild(f)}else if(e.layout==="stat-metric"){const f=r("div","font-size:2rem;font-weight:800");f.textContent=e.value||"\u2014";const C=r("div","font-size:.8rem;opacity:.7");if(C.textContent=e.title||"",x.appendChild(C),x.appendChild(f),e.delta){const _=r("div","font-size:.78rem;font-weight:600;color:#10b981");_.textContent=e.delta,x.appendChild(_)}}else x.textContent=e.body||"Card body content.";if(e.padding){const f=e.padding==="compact"?"8px 12px":"24px 28px";x.style.padding=f}if(d.appendChild(x),e.footer){const f=e.variant==="gradient"?"rgba(255,255,255,.6)":"var(--dm-text-muted,#9ca3af)",C=r("div",`padding:9px 16px;border-top:1px solid rgba(128,128,128,.15);font-size:11px;color:${f}`);C.textContent=e.footer,d.appendChild(C)}return d}function de(e){const t=r("div","position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px"),o=r("div","background:var(--dm-surface,#1e293b);border:1px solid var(--dm-border,#475569);border-radius:12px;padding:16px;width:100%;max-width:520px;max-height:70vh;display:flex;flex-direction:column;gap:12px"),n=r("div","display:flex;gap:8px"),i=r("input","flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--dm-border,#334155);background:var(--dm-surface,#0f172a);color:var(--dm-text,#e2e8f0);font-size:13px;font-family:inherit");i.type="text",i.placeholder="Search icons\u2026";const l=r("button","padding:8px 14px;background:var(--dm-border,#334155);border:none;border-radius:8px;color:var(--dm-text-muted,#94a3b8);font-size:12px;cursor:pointer");l.textContent="\u2715 Close",l.addEventListener("click",()=>t.remove()),n.appendChild(i),n.appendChild(l);const d=r("div","display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;overflow-y:auto;max-height:400px");let c=null;const b=r("button","padding:8px 18px;background:#6366f1;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;align-self:flex-end");b.textContent="Select an icon";function k(v){for(;d.firstChild;)d.removeChild(d.firstChild);(v?T.filter(u=>u.includes(v.toLowerCase())):T).slice(0,120).forEach(u=>{const h=r("div","display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;cursor:pointer;border:2px solid transparent;background:var(--dm-surface,#0f172a)"),x=document.createElement("span");x.setAttribute("data-icon",u),x.style.fontSize="20px";const $=r("div","font-size:8px;color:var(--dm-text-muted,#475569);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%");$.textContent=u,h.appendChild(x),h.appendChild($),h.addEventListener("click",()=>{c&&(c.style.borderColor="transparent"),h.style.borderColor="#6366f1",c=h,b.textContent=`Use: ${u}`}),h.addEventListener("dblclick",()=>{e(u),t.remove()}),d.appendChild(h)}),typeof I<"u"&&I.scan&&I.scan(d)}i.addEventListener("input",()=>k(i.value)),k(""),b.addEventListener("click",()=>{if(c){const v=c.querySelector("[data-icon]").getAttribute("data-icon");e(v),t.remove()}}),o.appendChild(n),o.appendChild(d),o.appendChild(b),t.appendChild(o),t.addEventListener("click",v=>{v.target===t&&t.remove()}),document.body.appendChild(t),i.focus()}