brome-builder 1.0.1 → 1.0.2

package/dist/brome-builder.es.js

@@ -4001,7 +4001,8 @@ function mn() {
         styles: [
           "/src/styles/tabs.css",
           // Ensure these files exist and are correctly linked
-          "/src/styles/tailwind.css"
+          "/src/styles/tailwind.css",
+          "https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css"
         ]
       },
       storageManager: !1

package/dist/brome-builder.umd.js

@@ -1267,7 +1267,7 @@ React keys must be passed directly to JSX without using spread:
     adipiscing elit, sed do eiusmod tempor incididunt ut 
     labore et dolore magna aliquased do eiusmod tempor incididunt
     ut labore et dolore magna aliquased do eiusmod tempor
-    incididunt ut labore et dolore magna aliqua</p>`,attributes:{class:"fa fa-regular fa-file-lines"}},Link:{label:"Lien",category:"Basic",content:"<a>Link here</a>",media:Qt},"Hero Over Content Image":{label:"Hero",category:"Composants",content:ht,media:'<img width="100%"   src="'+wt+'"/>'},"Blue Card":{label:"Blue Card",category:"Composants",content:bt,media:'<img width="100%"   src="'+xt+'"/>'},"ordered-card":{label:"Ordered Card",category:"Composants",content:()=>At(Ft++),media:'<img width="100%"   src="'+It+'"/>'},"Réduction Card":{label:"Réduction Card",category:"Composants",content:kt,media:'<img width="100%"   src="'+We+'"/>'},"Attention Card":{label:"Attention Card",category:"Composants",content:yt,media:'<img width="100%"   src="'+Ye+'"/>'},"Bon à savoir Card":{label:"Bon à savoir Card",category:"Composants",content:Ct,media:'<img width="100%"   src="'+Ne+'"/>'},"Définition Card":{label:"Définition Card",category:"Composants",content:Et,media:'<img width="100%"   src="'+Ue+'"/>'}};function Gt(){const[F,X]=de.useState(null),[K,V]=de.useState(!1);de.useEffect(()=>{const E=pt.init({i18n:{locale:"fr",detectLocale:!1,localeFallback:"en",messages:{fr:Xe}},container:"#editor",height:"100vh",plugins:[$e,tt,Rt,Mt,Zt,Ot,ft],pluginsOpts:{[$e]:{blocks:["text-basic"]},[tt]:{blocks:["column1","column2","column3","column3-7","image","video"],labelColumn1:"1 Colonne",labelColumn2:"2 Colonnes",labelColumn3:"3 Colonnes",labelColumn3_7:"3/7 Colonnes",labelColumn4:"4 Colonnes",labelImage:"Image",labelVideo:"Vidéo"},gjsTabs:{},gtsIcons:{}},canvas:{styles:["/src/styles/tabs.css","/src/styles/tailwind.css"]},storageManager:!1});return Vt(E),X(E),E.getWrapper().addClass("gjs-wrapper"),()=>{E.destroy()}},[]),de.useEffect(()=>{if(F){F.Css.setRule(".gjs-wrapper",{direction:K?"rtl":"ltr"});const E=document.querySelector(".gjs-frame");if(E&&E.contentWindow&&E.contentWindow.document){const n=E.contentWindow.document.body;n.classList.toggle("rtl",K),n.classList.toggle("ltr",!K),n.setAttribute("dir",`${K?"rtl":"ltr"}`)}}},[F,K]);const v=()=>{V(E=>!E)};return de.useEffect(()=>{if(F){Object.entries(Kt).forEach(([f,J])=>{F.BlockManager.add(f,J)});const E=F.BlockManager.get("image");E&&E.set("category","Media");const n=F.BlockManager.get("video");n&&n.set("category","Media");const r=F.BlockManager.get("materialIcon");r&&r.set("category","Media");const a=F.BlockManager.get("column1");a&&a.set("category","Architecture");const d=F.BlockManager.get("column2");d&&d.set("category","Architecture");const p=F.BlockManager.get("column3");p&&p.set("category","Architecture");const I=F.BlockManager.get("column3-7");I&&I.set("category","Architecture");const S=F.BlockManager.get("tabs");S&&(S.set("category","Composants"),S.set("media",'<img width="100%"   src="'+St+'"/>')),window.editorInstance=F;const R=document.querySelector(".gjs-pn-panel");if(R){R.innerHTML=`
+    incididunt ut labore et dolore magna aliqua</p>`,attributes:{class:"fa fa-regular fa-file-lines"}},Link:{label:"Lien",category:"Basic",content:"<a>Link here</a>",media:Qt},"Hero Over Content Image":{label:"Hero",category:"Composants",content:ht,media:'<img width="100%"   src="'+wt+'"/>'},"Blue Card":{label:"Blue Card",category:"Composants",content:bt,media:'<img width="100%"   src="'+xt+'"/>'},"ordered-card":{label:"Ordered Card",category:"Composants",content:()=>At(Ft++),media:'<img width="100%"   src="'+It+'"/>'},"Réduction Card":{label:"Réduction Card",category:"Composants",content:kt,media:'<img width="100%"   src="'+We+'"/>'},"Attention Card":{label:"Attention Card",category:"Composants",content:yt,media:'<img width="100%"   src="'+Ye+'"/>'},"Bon à savoir Card":{label:"Bon à savoir Card",category:"Composants",content:Ct,media:'<img width="100%"   src="'+Ne+'"/>'},"Définition Card":{label:"Définition Card",category:"Composants",content:Et,media:'<img width="100%"   src="'+Ue+'"/>'}};function Gt(){const[F,X]=de.useState(null),[K,V]=de.useState(!1);de.useEffect(()=>{const E=pt.init({i18n:{locale:"fr",detectLocale:!1,localeFallback:"en",messages:{fr:Xe}},container:"#editor",height:"100vh",plugins:[$e,tt,Rt,Mt,Zt,Ot,ft],pluginsOpts:{[$e]:{blocks:["text-basic"]},[tt]:{blocks:["column1","column2","column3","column3-7","image","video"],labelColumn1:"1 Colonne",labelColumn2:"2 Colonnes",labelColumn3:"3 Colonnes",labelColumn3_7:"3/7 Colonnes",labelColumn4:"4 Colonnes",labelImage:"Image",labelVideo:"Vidéo"},gjsTabs:{},gtsIcons:{}},canvas:{styles:["/src/styles/tabs.css","/src/styles/tailwind.css","https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css"]},storageManager:!1});return Vt(E),X(E),E.getWrapper().addClass("gjs-wrapper"),()=>{E.destroy()}},[]),de.useEffect(()=>{if(F){F.Css.setRule(".gjs-wrapper",{direction:K?"rtl":"ltr"});const E=document.querySelector(".gjs-frame");if(E&&E.contentWindow&&E.contentWindow.document){const n=E.contentWindow.document.body;n.classList.toggle("rtl",K),n.classList.toggle("ltr",!K),n.setAttribute("dir",`${K?"rtl":"ltr"}`)}}},[F,K]);const v=()=>{V(E=>!E)};return de.useEffect(()=>{if(F){Object.entries(Kt).forEach(([f,J])=>{F.BlockManager.add(f,J)});const E=F.BlockManager.get("image");E&&E.set("category","Media");const n=F.BlockManager.get("video");n&&n.set("category","Media");const r=F.BlockManager.get("materialIcon");r&&r.set("category","Media");const a=F.BlockManager.get("column1");a&&a.set("category","Architecture");const d=F.BlockManager.get("column2");d&&d.set("category","Architecture");const p=F.BlockManager.get("column3");p&&p.set("category","Architecture");const I=F.BlockManager.get("column3-7");I&&I.set("category","Architecture");const S=F.BlockManager.get("tabs");S&&(S.set("category","Composants"),S.set("media",'<img width="100%"   src="'+St+'"/>')),window.editorInstance=F;const R=document.querySelector(".gjs-pn-panel");if(R){R.innerHTML=`
           <div class="logo_toggle_rtl">
             <img class="gjs-logo" src="/logo.png" alt="Logo" style="height: 25px;">
             <button id="toggle-direction" class="rounded-lg p-1 text-[currentColor] bg-transparent border-0"  >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brome-builder",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A React-based GrapesJS editor component.",
   "type": "module",
   "main": "dist/brome-builder.umd.js",