@ziadshalaby/ngx-zs-component 3.2.27 → 3.3.0

package/fesm2022/ziadshalaby-ngx-zs-component.mjs

@@ -153,9 +153,7 @@ class Alert {
         effect(() => {
             const alerts = this.alerts();
             const oldIds = this.oldAlerts();
-            // استخرج التنبيهات الجديدة فقط
             const newOnes = alerts.filter(a => !oldIds.has(a.id));
-            // سجّل كل تنبيه جديد
             for (const alert of newOnes) {
                 this.registerAlert(alert);
             }
@@ -343,9 +341,7 @@ class NavItem {
         this.anyItemClickedEv.emit(this.item());
     }
     handleChildClick(child) {
-        // أعد إرسال الحدث لأعلى (لو فيه levels أكثر)
         this.anyItemClickedEv.emit(child);
-        // إن كان الطفل يريد غلق القائمة، أغلق نفسي
         if (child.closeParentMenuAfterClick) {
             this.toggle();
         }
@@ -374,7 +370,6 @@ class NavItem {
         if (!this.isOpen() || !this.item().childrenConfig?.closeMenuOnPointerOutside === true)
             return;
         const target = event.target;
-        // لو الضغط خارج الـ ZS-nav-item كله
         if (!this.host.nativeElement.contains(target)) {
             this.toggle();
         }
@@ -1446,7 +1441,6 @@ class Modal {
     // ==============================================
     // Model
     // ==============================================
-    /** 🔹 Model لتحديد الفتح والإغلاق */
     open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
     // ==============================================
     // Inputs
@@ -2012,7 +2006,6 @@ class ThemeToggle {
         if (savedTop) {
             this.panelTop.set(+savedTop);
         }
-        // ① تهيئة الثيم
         const savedTheme = localStorage.getItem('theme');
         const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
         if (savedTheme) {
@@ -2022,7 +2015,6 @@ class ThemeToggle {
         else {
             this.currentTheme.set(systemPrefersDark.matches ? 'dark' : 'light');
         }
-        // ② مراقبة تغيّر ثيم النظام (لو المستخدم لم يختر يدويًا)
         effect((onCleanup) => {
             const listener = (e) => {
                 if (!this.userSelectedTheme()) {
@@ -2032,7 +2024,6 @@ class ThemeToggle {
             systemPrefersDark.addEventListener('change', listener);
             onCleanup(() => systemPrefersDark.removeEventListener('change', listener));
         });
-        // ③ مزامنة الثيم مع DOM و localStorage
         effect(() => {
             const theme = this.currentTheme();
             document.documentElement.classList.toggle('dark', theme === 'dark');
@@ -2111,7 +2102,6 @@ class ThemeToggle {
         }
         this.animationFrameId = requestAnimationFrame(() => {
             this.panelTop.set(targetTop);
-            // تحديث startTop و startY بعد التحديث
             this.startY = event.clientY;
             this.startTop = targetTop;
             this.animationFrameId = null;
@@ -2980,7 +2970,7 @@ class Range {
         const track = this.trackRef()?.nativeElement;
         if (!track)
             return `${p}%`;
-        const trackWidth = track.offsetWidth; // عرض الشريط بالبكسل
+        const trackWidth = track.offsetWidth;
         const displacementSizes = {
             sm: 6,
             md: 10,