@myissue/vue-website-page-builder 3.3.60 → 3.3.61

package/README.md

@@ -30,9 +30,10 @@
   - [Embedding Page Builder in a Modal or Dialog](#embedding-page-builder-in-a-modal-or-dialog)
   - [Styling the Main Page Builder Container](#styling-the-main-page-builder-container)
   - [Download HTML file](#download-html-file)
-- [Custom Components](#custom-components)
-  - [Custom Media Library Component](#custom-media-library-component)
-  - [Custom Layout Builder Component](#custom-layout-builder-component)
+  - [Custom Components](#custom-components)
+    - [Custom Media Library Component](#custom-media-library-component)
+    - [Integrate Unsplash Library](#integrate-unsplash-library)
+    - [Custom Layout Builder Component](#custom-layout-builder-component)
   - [Troubleshooting](#troubleshooting)
     - [Fonts or Icons Not Displaying](#fonts-or-icons-not-displaying)
   - [Page Builder Architecture](#page-builder-architecture)
@@ -562,7 +563,7 @@ const configPageBuilder = {
 } as const
 ```
 
-# Custom Components
+## Custom Components
 
 If you want to use your own components—whether custom-designed or tailored to your application's needs—you can inject them directly into the builder.
 
@@ -578,6 +579,14 @@ Inject your media library component easily to tailor the builder to your applica
 📚 **[Custom Components Setup Guide](./CUSTOM_COMPONENTS_SETUP.md)**
 Learn how to create and integrate your own components step by step.
 
+### Integrate Unsplash Library
+
+Easily add Unsplash image search to your media library modal—just like in the demo!
+Code example — You can copy-paste the provided example to get started.
+
+See the full step-by-step guide and working demo code here:
+📚 **[Unsplash Integration Guide](./UNSPLASH_INTEGRATION.md)**
+
 ### Custom Layout Builder Component
 
 The Page Builder comes with a growing collection of built-in components, including both layout and helper components. These defaults are continuously improved and expanded.

package/dist/vue-website-page-builder.js

@@ -23300,7 +23300,7 @@ const M3 = ["src"], E3 = {
             b("button", {
               onClick: o[0] || (o[0] = (i) => T(t).toggleTipTapModal(!0)),
               type: "button",
-              class: "pbx-myPrimaryTag"
+              class: "pbx-myPrimaryButton"
             }, o[1] || (o[1] = [
               b("span", { class: "material-symbols-outlined" }, " edit ", -1),
               b("span", null, "Edit text and links", -1)
@@ -23532,7 +23532,7 @@ const M3 = ["src"], E3 = {
 }, aS = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, sS = { class: "pbx-overflow-x-auto" }, lS = { class: "pbx-w-max" }, pS = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, dS = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, cS = { class: "pbx-min-w-[30rem] pbx-w-max" }, bS = { key: 0 }, mS = { key: 1 }, uS = { key: 0 }, xS = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, gS = { class: "pbx-min-w-[30rem] pbx-w-max" }, fS = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, hS = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, yS = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, wS = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, vS = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, kS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const t = "3.3.60", e = Ot, o = $(() => e.getPageBuilderConfig);
+    const t = "3.3.61", e = Ot, o = $(() => e.getPageBuilderConfig);
     return (i, n) => {
       var a, s, l, p, d, c, m, u, x, g, f, y, w, k, h, B;
       return v(), C("div", Uk, [