@gjsify/adwaita-web 0.4.28 → 0.4.30

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gjsify/adwaita-web",
-    "version": "0.4.28",
+    "version": "0.4.30",
     "description": "Adwaita/Libadwaita web components for browser targets",
     "type": "module",
     "main": "src/index.ts",
@@ -33,11 +33,11 @@
         "build:types": "tsc"
     },
     "dependencies": {
-        "@gjsify/adwaita-fonts": "^0.4.28",
-        "@gjsify/adwaita-icons": "^0.4.28"
+        "@gjsify/adwaita-fonts": "^0.4.30",
+        "@gjsify/adwaita-icons": "^0.4.30"
     },
     "devDependencies": {
-        "@gjsify/cli": "^0.4.28",
+        "@gjsify/cli": "^0.4.30",
         "sass": "^1.99.0",
         "typescript": "^6.0.3"
     }

package/src/elements/adw-combo-row.ts

@@ -12,7 +12,9 @@ export class AdwComboRow extends HTMLElement {
     private _items: string[] = [];
     private _initialized = false;
 
-    static get observedAttributes() { return ['selected']; }
+    static get observedAttributes() {
+        return ['selected'];
+    }
 
     get selected(): number {
         return this._select ? this._select.selectedIndex : parseInt(this.getAttribute('selected') || '0', 10);
@@ -60,10 +62,12 @@ export class AdwComboRow extends HTMLElement {
             const idx = this._select.selectedIndex;
             this._valueEl.textContent = this._items[idx] ?? '';
             this.setAttribute('selected', String(idx));
-            this.dispatchEvent(new CustomEvent('notify::selected', {
-                bubbles: true,
-                detail: { selected: idx },
-            }));
+            this.dispatchEvent(
+                new CustomEvent('notify::selected', {
+                    bubbles: true,
+                    detail: { selected: idx },
+                }),
+            );
         });
     }
 

package/src/elements/adw-header-bar.ts

@@ -9,10 +9,14 @@ export class AdwHeaderBar extends HTMLElement {
     private _endEl: HTMLDivElement | null = null;
 
     /** The start (left) section container — append buttons/widgets here. */
-    get startSection(): HTMLDivElement | null { return this._startEl; }
+    get startSection(): HTMLDivElement | null {
+        return this._startEl;
+    }
 
     /** The end (right) section container — append buttons/widgets here. */
-    get endSection(): HTMLDivElement | null { return this._endEl; }
+    get endSection(): HTMLDivElement | null {
+        return this._endEl;
+    }
 
     connectedCallback() {
         if (this._initialized) return;

package/src/elements/adw-overlay-split-view.ts

@@ -9,7 +9,14 @@ export class AdwOverlaySplitView extends HTMLElement {
     private _backdropEl!: HTMLDivElement;
 
     static get observedAttributes() {
-        return ['show-sidebar', 'collapsed', 'sidebar-position', 'min-sidebar-width', 'max-sidebar-width', 'sidebar-width-fraction'];
+        return [
+            'show-sidebar',
+            'collapsed',
+            'sidebar-position',
+            'min-sidebar-width',
+            'max-sidebar-width',
+            'sidebar-width-fraction',
+        ];
     }
 
     get showSidebar(): boolean {
@@ -51,7 +58,7 @@ export class AdwOverlaySplitView extends HTMLElement {
         const contentChildren = Array.from(this.querySelectorAll('[slot="content"]'));
         // Any remaining unslotted children go to content
         const unslotted = Array.from(this.childNodes).filter(
-            n => !sidebarChildren.includes(n as Element) && !contentChildren.includes(n as Element),
+            (n) => !sidebarChildren.includes(n as Element) && !contentChildren.includes(n as Element),
         );
 
         // Clear children safely
@@ -60,13 +67,13 @@ export class AdwOverlaySplitView extends HTMLElement {
         // Sidebar container
         this._sidebarEl = document.createElement('div');
         this._sidebarEl.className = 'adw-osv-sidebar';
-        sidebarChildren.forEach(c => this._sidebarEl.appendChild(c));
+        sidebarChildren.forEach((c) => this._sidebarEl.appendChild(c));
 
         // Content container
         this._contentEl = document.createElement('div');
         this._contentEl.className = 'adw-osv-content';
-        contentChildren.forEach(c => this._contentEl.appendChild(c));
-        unslotted.forEach(c => this._contentEl.appendChild(c));
+        contentChildren.forEach((c) => this._contentEl.appendChild(c));
+        unslotted.forEach((c) => this._contentEl.appendChild(c));
 
         // Backdrop for overlay dismiss
         this._backdropEl = document.createElement('div');
@@ -100,9 +107,11 @@ export class AdwOverlaySplitView extends HTMLElement {
 
     toggleSidebar() {
         this.showSidebar = !this.showSidebar;
-        this.dispatchEvent(new CustomEvent('sidebar-toggled', {
-            detail: { isVisible: this.showSidebar },
-        }));
+        this.dispatchEvent(
+            new CustomEvent('sidebar-toggled', {
+                detail: { isVisible: this.showSidebar },
+            }),
+        );
     }
 
     private _syncClasses() {

package/src/elements/adw-preferences-group.ts

@@ -24,7 +24,7 @@ export class AdwPreferencesGroup extends HTMLElement {
         // Build boxed list container and move children into it
         const listbox = document.createElement('div');
         listbox.className = 'adw-preferences-group-listbox';
-        children.forEach(child => listbox.appendChild(child));
+        children.forEach((child) => listbox.appendChild(child));
 
         this.appendChild(header);
         this.appendChild(listbox);

package/src/elements/adw-spin-row.ts

@@ -13,7 +13,9 @@ export class AdwSpinRow extends HTMLElement {
     private _value = 0;
     private _initialized = false;
 
-    static get observedAttributes() { return ['value', 'min', 'max', 'step']; }
+    static get observedAttributes() {
+        return ['value', 'min', 'max', 'step'];
+    }
 
     get value(): number {
         return this._value;
@@ -90,9 +92,15 @@ export class AdwSpinRow extends HTMLElement {
                     this._input.value = this._formatValue(this._value);
                 }
                 break;
-            case 'min': this._min = num; break;
-            case 'max': this._max = num; break;
-            case 'step': this._step = num; break;
+            case 'min':
+                this._min = num;
+                break;
+            case 'max':
+                this._max = num;
+                break;
+            case 'step':
+                this._step = num;
+                break;
         }
     }
 
@@ -102,10 +110,12 @@ export class AdwSpinRow extends HTMLElement {
     }
 
     private _emitChange() {
-        this.dispatchEvent(new CustomEvent('notify::value', {
-            bubbles: true,
-            detail: { value: this._value },
-        }));
+        this.dispatchEvent(
+            new CustomEvent('notify::value', {
+                bubbles: true,
+                detail: { value: this._value },
+            }),
+        );
     }
 
     private _countDecimals(n: number): number {

package/src/elements/adw-switch-row.ts

@@ -9,7 +9,9 @@ export class AdwSwitchRow extends HTMLElement {
     private _checkbox!: HTMLInputElement;
     private _initialized = false;
 
-    static get observedAttributes() { return ['active']; }
+    static get observedAttributes() {
+        return ['active'];
+    }
 
     get active(): boolean {
         return this.hasAttribute('active');
@@ -52,10 +54,12 @@ export class AdwSwitchRow extends HTMLElement {
         this._checkbox = input;
         this._checkbox.addEventListener('change', () => {
             this.toggleAttribute('active', this._checkbox.checked);
-            this.dispatchEvent(new CustomEvent('notify::active', {
-                bubbles: true,
-                detail: { active: this._checkbox.checked },
-            }));
+            this.dispatchEvent(
+                new CustomEvent('notify::active', {
+                    bubbles: true,
+                    detail: { active: this._checkbox.checked },
+                }),
+            );
         });
     }
 

package/src/elements/adw-toast-overlay.ts

@@ -35,7 +35,9 @@ export class AdwToastOverlay extends HTMLElement {
             toast.classList.add('hiding');
             toast.addEventListener('transitionend', () => toast.remove(), { once: true });
             // Fallback if transitionend doesn't fire
-            setTimeout(() => { if (toast.parentNode) toast.remove(); }, 300);
+            setTimeout(() => {
+                if (toast.parentNode) toast.remove();
+            }, 300);
         }, timeout);
     }
 }

package/src/index.ts

@@ -4,7 +4,7 @@
 // (or via SCSS partials at `@gjsify/adwaita-web/scss/...`).
 // Reference: refs/libadwaita (colors/sizing), refs/adwaita-web (component patterns).
 
-import '@gjsify/adwaita-fonts';  // Registers @font-face (fontsource pattern)
+import '@gjsify/adwaita-fonts'; // Registers @font-face (fontsource pattern)
 
 // Register custom elements (side-effect imports)
 export { AdwCard } from './elements/adw-card.js';