v1.0.3 (20251012)

🐻 v1.0.3

🇻🇳 Cải tiến

Tối ưu đổi tên phần tử (Element) trong bảng điều khiển Cấu trúc (Structure Panel):

• Tách tính năng thành module riêng:
  • Thêm file JS & CSS riêng:
    • custom-structure-item-renaming.js
    • custom-structure-item-renaming.css
  • Thêm flag riêng để bật/tắt module:
    gau/bricks/builder/enable_custom_structure_item_renaming
• Cập nhật tương thích với Bricks Builder 2.1.x:
  • Khi input:not(.readonly) → đang rename → remove các class
    bricks-draggable-item, bricks-draggable-handle, draggable, element
  • Khi input.readonly → kết thúc rename → add lại các class trên.
  • Giữ nguyên khả năng drag/drop khi chưa rename.
• Cải thiện độ chính xác và hiệu năng:
  • Không dùng setTimeout.
  • Theo dõi chính xác root ul.bricks-structure-list.bricks-draggable-root.
  • Dùng MutationObserver + focusin / focusout để đồng bộ tức thì.
• Cải tiến định dạng trực quan (CSS) khi đang sửa tên.

Cửa sổ bật lên (Popup) cho bảng chọn màu (Color Palette):

• Tách tính năng thành module riêng:
  • Thêm file JS & CSS riêng:
    • color-palette-popup.js
    • color-palette-popup.css
  • Thêm flag riêng để bật/tắt module:
    gau/bricks/builder/enable_color_palette_popup
• Giữ nguyên chức năng: tự động chuyển Color Palette trong Builder Panel từ Grid → Popup List khi người dùng mở Color Picker.

Khác:

• Cấu trúc theme được module hóa (mỗi tính năng là một module riêng biệt).
• Bổ sung ghi chú mã nguồn song ngữ (VN/EN), rõ ràng và đúng cú pháp.

---

🇬🇧 Improvements

Optimized element renaming in the Structure Panel:

• Refactored to a standalone module:
  • Split into dedicated files:
    • custom-structure-item-renaming.js
    • custom-structure-item-renaming.css
  • Added a new feature flag:
    gau/bricks/builder/enable_custom_structure_item_renaming
• Updated for Bricks Builder 2.1.x:
  • When input:not(.readonly) → renaming → remove classes
    bricks-draggable-item, bricks-draggable-handle, draggable, element
  • When input.readonly) → rename ended → restore those classes.
  • Keep drag/drop working when not renaming.
• Improved accuracy and performance:
  • No setTimeout used.
  • Detects the exact root ul.bricks-structure-list.bricks-draggable-root.
  • Uses MutationObserver and focusin / focusout for instant syncing.
• Improved visual styling while renaming (CSS).

Popup for the Color Palette selector:

• Refactored to a standalone module:
  • Split into dedicated files:
    • color-palette-popup.js
    • color-palette-popup.css
  • Added a new feature flag:
    gau/bricks/builder/enable_color_palette_popup
• Keeps original behavior: automatically switches the Color Palette in Builder Panel from Grid → Popup List when the Color Picker opens.

Misc:

• Modularized theme structure: each feature is now independent.
• Added clear bilingual inline documentation (VN/EN) with consistent syntax and tone.

v1.0.2 (20250916)

🐻 v1.0.2

🇻🇳 Cải tiến

• Structure Panel – Đổi tên phần tử:
  • Gỡ/khôi phục chính xác các class kéo/thả (draggable, element, …) khi vào và thoát trạng thái sửa tên.
  • Cho phép quét khối (bôi đen toàn bộ hoặc một phần văn bản khi sửa tên).
  • Cho phép dán nội dung bằng Ctrl/Cmd+V và mở Trình đơn ngữ cảnh (Context Menu) chuột phải trong lúc sửa tên.

🇬🇧 Improvements

• Structure Panel – Element renaming:
  • Properly remove/restore drag-related classes (draggable, element, …) when entering or exiting rename mode.
  • Allow text selection (highlight part or full text when renaming).
  • Allow paste text via Ctrl/Cmd+V and Context Menu during renaming.

v1.0.1 (20250903)

🐻 v1.0.1

🇻🇳 Sửa lỗi

• Structure Panel – đổi tên phần tử: Một số website vẫn kéo/thả được khi đang đổi tên do selector quá hẹp (.label).
  → Đã thay bằng selector tổng quát hơn: #bricks-structure .structure-item .title input:not(.readonly) để bao phủ cả .label, .name, v.v.

Ảnh hưởng: Không thay đổi API/filters. Không ảnh hưởng hiệu năng.

---

🇬🇧 Fixes

• Structure Panel – element renaming: On some sites drag/drop was still possible while renaming because the selector was too narrow (.label).
  → Replaced with a broader selector: #bricks-structure .structure-item .title input:not(.readonly) to cover .label, .name, etc.

Impact: No API/filter changes. No performance impact.

v1.0.0 (20250902) — 80 năm Quốc Khánh Việt Nam / 80th Vietnam National Day

🐻 v1.0.0

🎉 Phát hành nhân dịp 80 năm Quốc Khánh Việt Nam (2/9/1945 – 2/9/2025).

---

🇻🇳 Tóm tắt

Phiên bản đầu tiên của child theme Gấu Bricks cho Bricks Builder, tập trung vào việc bổ sung, tinh chỉnh một số tính năng trong trình dựng trang.

⚙️ Các tính năng

• Cửa sổ bật lên (Popup) cho bảng chọn màu (Color Palette)
• Tối ưu đổi tên phần tử (Element) trong bảng điều khiển Cấu trúc (Structure Panel)
• Tùy chọn chỉnh thêm thanh trượt (Scrollbar) cho bảng điều khiển (Panel) trong Builder
• Cửa sổ bật lên (Popup) cho Element Text (Text Edit – TinyMCE)
• Tùy chọn chỉnh giao diện Việt Nam (Vietnam Theme cho Builder)

📋 Yêu cầu

• PHP 8.2 trở lên
• WordPress 6.8.2
• Bricks Builder 2.0.2
• Đã kiểm tra với Bricks Builder và các thư viện liên quan

---

🇬🇧 Summary

Initial release of Gấu Bricks child theme for Bricks Builder, published to celebrate the 80th Anniversary of Vietnam National Day (Sep 2, 1945 – Sep 2, 2025).

⚙️ Features

• Popup for the Color Palette selector
• Optimized element renaming in the Structure Panel
• Optional scrollbar customization for Builder panels
• Popup for the Text Element (Text Edit – TinyMCE)
• Optional Vietnamese UI theme for the Builder

📋 Requirements

• PHP 8.2 or higher
• WordPress 6.8.2
• Bricks Builder 2.0.2
• Tested with Bricks Builder and related libraries