@gjsify/adwaita-web 0.3.16 → 0.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/adwaita-web",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "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.3.16",
-    "@gjsify/adwaita-icons": "^0.3.16"
+    "@gjsify/adwaita-fonts": "^0.3.17",
+    "@gjsify/adwaita-icons": "^0.3.17"
   },
   "devDependencies": {
-    "@gjsify/cli": "^0.3.16",
+    "@gjsify/cli": "^0.3.17",
     "sass": "^1.99.0",
     "typescript": "^6.0.3"
   }

package/src/elements/adw-card.js

@@ -1,10 +1 @@
-//#region src/elements/adw-card.ts
-var AdwCard = class extends HTMLElement {
-	connectedCallback() {
-		this.classList.add("adw-card");
-	}
-};
-customElements.define("adw-card", AdwCard);
-
-//#endregion
-export { AdwCard };
+var e=class extends HTMLElement{connectedCallback(){this.classList.add(`adw-card`)}};customElements.define(`adw-card`,e);export{e as AdwCard};

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

@@ -1,64 +1 @@
-//#region src/elements/adw-combo-row.ts
-var AdwComboRow = class extends HTMLElement {
-	_select;
-	_valueEl;
-	_items = [];
-	_initialized = false;
-	static get observedAttributes() {
-		return ["selected"];
-	}
-	get selected() {
-		return this._select ? this._select.selectedIndex : parseInt(this.getAttribute("selected") || "0", 10);
-	}
-	set selected(value) {
-		this.setAttribute("selected", String(value));
-	}
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const title = this.getAttribute("title") || "";
-		this._items = JSON.parse(this.getAttribute("items") || "[]");
-		const selectedIdx = parseInt(this.getAttribute("selected") || "0", 10);
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-row-title";
-		titleEl.textContent = title;
-		const valueEl = document.createElement("span");
-		valueEl.className = "adw-row-value";
-		valueEl.textContent = this._items[selectedIdx] ?? "";
-		this._valueEl = valueEl;
-		const select = document.createElement("select");
-		this._items.forEach((item, i) => {
-			const option = document.createElement("option");
-			option.value = String(i);
-			option.textContent = item;
-			if (i === selectedIdx) option.selected = true;
-			select.appendChild(option);
-		});
-		this.appendChild(titleEl);
-		this.appendChild(valueEl);
-		this.appendChild(select);
-		this._select = select;
-		this._select.addEventListener("change", () => {
-			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 }
-			}));
-		});
-	}
-	attributeChangedCallback(name, _old, value) {
-		if (name === "selected" && this._select) {
-			const idx = parseInt(value || "0", 10);
-			this._select.selectedIndex = idx;
-			if (this._valueEl) {
-				this._valueEl.textContent = this._items[idx] ?? "";
-			}
-		}
-	}
-};
-customElements.define("adw-combo-row", AdwComboRow);
-
-//#endregion
-export { AdwComboRow };
+var e=class extends HTMLElement{_select;_valueEl;_items=[];_initialized=!1;static get observedAttributes(){return[`selected`]}get selected(){return this._select?this._select.selectedIndex:parseInt(this.getAttribute(`selected`)||`0`,10)}set selected(e){this.setAttribute(`selected`,String(e))}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=this.getAttribute(`title`)||``;this._items=JSON.parse(this.getAttribute(`items`)||`[]`);let t=parseInt(this.getAttribute(`selected`)||`0`,10),n=document.createElement(`span`);n.className=`adw-row-title`,n.textContent=e;let r=document.createElement(`span`);r.className=`adw-row-value`,r.textContent=this._items[t]??``,this._valueEl=r;let i=document.createElement(`select`);this._items.forEach((e,n)=>{let r=document.createElement(`option`);r.value=String(n),r.textContent=e,n===t&&(r.selected=!0),i.appendChild(r)}),this.appendChild(n),this.appendChild(r),this.appendChild(i),this._select=i,this._select.addEventListener(`change`,()=>{let e=this._select.selectedIndex;this._valueEl.textContent=this._items[e]??``,this.setAttribute(`selected`,String(e)),this.dispatchEvent(new CustomEvent(`notify::selected`,{bubbles:!0,detail:{selected:e}}))})}attributeChangedCallback(e,t,n){if(e===`selected`&&this._select){let e=parseInt(n||`0`,10);this._select.selectedIndex=e,this._valueEl&&(this._valueEl.textContent=this._items[e]??``)}}};customElements.define(`adw-combo-row`,e);export{e as AdwComboRow};

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

@@ -1,38 +1 @@
-//#region src/elements/adw-header-bar.ts
-var AdwHeaderBar = class extends HTMLElement {
-	_initialized = false;
-	_startEl = null;
-	_endEl = null;
-	/** The start (left) section container — append buttons/widgets here. */
-	get startSection() {
-		return this._startEl;
-	}
-	/** The end (right) section container — append buttons/widgets here. */
-	get endSection() {
-		return this._endEl;
-	}
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const title = this.getAttribute("title") || "";
-		const startChildren = Array.from(this.querySelectorAll(":scope > [slot=\"start\"]"));
-		const endChildren = Array.from(this.querySelectorAll(":scope > [slot=\"end\"]"));
-		this._startEl = document.createElement("div");
-		this._startEl.className = "adw-header-bar-start";
-		for (const child of startChildren) this._startEl.appendChild(child);
-		const center = document.createElement("div");
-		center.className = "adw-header-bar-center";
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-header-bar-title";
-		titleEl.textContent = title;
-		center.appendChild(titleEl);
-		this._endEl = document.createElement("div");
-		this._endEl.className = "adw-header-bar-end";
-		for (const child of endChildren) this._endEl.appendChild(child);
-		this.replaceChildren(this._startEl, center, this._endEl);
-	}
-};
-customElements.define("adw-header-bar", AdwHeaderBar);
-
-//#endregion
-export { AdwHeaderBar };
+var e=class extends HTMLElement{_initialized=!1;_startEl=null;_endEl=null;get startSection(){return this._startEl}get endSection(){return this._endEl}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=this.getAttribute(`title`)||``,t=Array.from(this.querySelectorAll(`:scope > [slot="start"]`)),n=Array.from(this.querySelectorAll(`:scope > [slot="end"]`));this._startEl=document.createElement(`div`),this._startEl.className=`adw-header-bar-start`;for(let e of t)this._startEl.appendChild(e);let r=document.createElement(`div`);r.className=`adw-header-bar-center`;let i=document.createElement(`span`);i.className=`adw-header-bar-title`,i.textContent=e,r.appendChild(i),this._endEl=document.createElement(`div`),this._endEl.className=`adw-header-bar-end`;for(let e of n)this._endEl.appendChild(e);this.replaceChildren(this._startEl,r,this._endEl)}};customElements.define(`adw-header-bar`,e);export{e as AdwHeaderBar};

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

@@ -1,105 +1 @@
-//#region src/elements/adw-overlay-split-view.ts
-var AdwOverlaySplitView = class extends HTMLElement {
-	_initialized = false;
-	_sidebarEl;
-	_contentEl;
-	_backdropEl;
-	static get observedAttributes() {
-		return [
-			"show-sidebar",
-			"collapsed",
-			"sidebar-position",
-			"min-sidebar-width",
-			"max-sidebar-width",
-			"sidebar-width-fraction"
-		];
-	}
-	get showSidebar() {
-		return this.hasAttribute("show-sidebar");
-	}
-	set showSidebar(v) {
-		if (v) this.setAttribute("show-sidebar", "");
-		else this.removeAttribute("show-sidebar");
-	}
-	get collapsed() {
-		return this.hasAttribute("collapsed");
-	}
-	set collapsed(v) {
-		if (v) this.setAttribute("collapsed", "");
-		else this.removeAttribute("collapsed");
-	}
-	get minSidebarWidth() {
-		return parseFloat(this.getAttribute("min-sidebar-width") || "280");
-	}
-	get maxSidebarWidth() {
-		return parseFloat(this.getAttribute("max-sidebar-width") || "400");
-	}
-	get sidebarWidthFraction() {
-		return parseFloat(this.getAttribute("sidebar-width-fraction") || "0.30");
-	}
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const sidebarChildren = Array.from(this.querySelectorAll("[slot=\"sidebar\"]"));
-		const contentChildren = Array.from(this.querySelectorAll("[slot=\"content\"]"));
-		const unslotted = Array.from(this.childNodes).filter((n) => !sidebarChildren.includes(n) && !contentChildren.includes(n));
-		this.replaceChildren();
-		this._sidebarEl = document.createElement("div");
-		this._sidebarEl.className = "adw-osv-sidebar";
-		sidebarChildren.forEach((c) => this._sidebarEl.appendChild(c));
-		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));
-		this._backdropEl = document.createElement("div");
-		this._backdropEl.className = "adw-osv-backdrop";
-		this._backdropEl.addEventListener("click", () => this.hideSidebar());
-		this.append(this._sidebarEl, this._contentEl, this._backdropEl);
-		this._syncClasses();
-		this._syncSidebarWidth();
-	}
-	attributeChangedCallback(_name, _old, _val) {
-		if (!this._initialized) return;
-		this._syncClasses();
-		if (_name === "min-sidebar-width" || _name === "max-sidebar-width" || _name === "sidebar-width-fraction") {
-			this._syncSidebarWidth();
-		}
-	}
-	openSidebar() {
-		this.showSidebar = true;
-		this.dispatchEvent(new CustomEvent("sidebar-toggled", { detail: { isVisible: true } }));
-	}
-	hideSidebar() {
-		this.showSidebar = false;
-		this.dispatchEvent(new CustomEvent("sidebar-toggled", { detail: { isVisible: false } }));
-	}
-	toggleSidebar() {
-		this.showSidebar = !this.showSidebar;
-		this.dispatchEvent(new CustomEvent("sidebar-toggled", { detail: { isVisible: this.showSidebar } }));
-	}
-	_syncClasses() {
-		this.classList.toggle("collapsed", this.collapsed);
-		this.classList.toggle("show-sidebar", this.showSidebar);
-		const pos = this.getAttribute("sidebar-position") || "start";
-		this.classList.toggle("sidebar-start", pos === "start");
-		this.classList.toggle("sidebar-end", pos === "end");
-		if (this._sidebarEl && !this.collapsed) {
-			if (!this.showSidebar) {
-				const w = this._sidebarEl.offsetWidth;
-				this._sidebarEl.style.marginRight = `-${w}px`;
-			} else {
-				this._sidebarEl.style.marginRight = "";
-			}
-		}
-	}
-	_syncSidebarWidth() {
-		if (!this._sidebarEl) return;
-		this._sidebarEl.style.minWidth = `${this.minSidebarWidth}px`;
-		this._sidebarEl.style.maxWidth = `${this.maxSidebarWidth}px`;
-		this._sidebarEl.style.width = `${this.sidebarWidthFraction * 100}%`;
-	}
-};
-customElements.define("adw-overlay-split-view", AdwOverlaySplitView);
-
-//#endregion
-export { AdwOverlaySplitView };
+var e=class extends HTMLElement{_initialized=!1;_sidebarEl;_contentEl;_backdropEl;static get observedAttributes(){return[`show-sidebar`,`collapsed`,`sidebar-position`,`min-sidebar-width`,`max-sidebar-width`,`sidebar-width-fraction`]}get showSidebar(){return this.hasAttribute(`show-sidebar`)}set showSidebar(e){e?this.setAttribute(`show-sidebar`,``):this.removeAttribute(`show-sidebar`)}get collapsed(){return this.hasAttribute(`collapsed`)}set collapsed(e){e?this.setAttribute(`collapsed`,``):this.removeAttribute(`collapsed`)}get minSidebarWidth(){return parseFloat(this.getAttribute(`min-sidebar-width`)||`280`)}get maxSidebarWidth(){return parseFloat(this.getAttribute(`max-sidebar-width`)||`400`)}get sidebarWidthFraction(){return parseFloat(this.getAttribute(`sidebar-width-fraction`)||`0.30`)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=Array.from(this.querySelectorAll(`[slot="sidebar"]`)),t=Array.from(this.querySelectorAll(`[slot="content"]`)),n=Array.from(this.childNodes).filter(n=>!e.includes(n)&&!t.includes(n));this.replaceChildren(),this._sidebarEl=document.createElement(`div`),this._sidebarEl.className=`adw-osv-sidebar`,e.forEach(e=>this._sidebarEl.appendChild(e)),this._contentEl=document.createElement(`div`),this._contentEl.className=`adw-osv-content`,t.forEach(e=>this._contentEl.appendChild(e)),n.forEach(e=>this._contentEl.appendChild(e)),this._backdropEl=document.createElement(`div`),this._backdropEl.className=`adw-osv-backdrop`,this._backdropEl.addEventListener(`click`,()=>this.hideSidebar()),this.append(this._sidebarEl,this._contentEl,this._backdropEl),this._syncClasses(),this._syncSidebarWidth()}attributeChangedCallback(e,t,n){this._initialized&&(this._syncClasses(),(e===`min-sidebar-width`||e===`max-sidebar-width`||e===`sidebar-width-fraction`)&&this._syncSidebarWidth())}openSidebar(){this.showSidebar=!0,this.dispatchEvent(new CustomEvent(`sidebar-toggled`,{detail:{isVisible:!0}}))}hideSidebar(){this.showSidebar=!1,this.dispatchEvent(new CustomEvent(`sidebar-toggled`,{detail:{isVisible:!1}}))}toggleSidebar(){this.showSidebar=!this.showSidebar,this.dispatchEvent(new CustomEvent(`sidebar-toggled`,{detail:{isVisible:this.showSidebar}}))}_syncClasses(){this.classList.toggle(`collapsed`,this.collapsed),this.classList.toggle(`show-sidebar`,this.showSidebar);let e=this.getAttribute(`sidebar-position`)||`start`;if(this.classList.toggle(`sidebar-start`,e===`start`),this.classList.toggle(`sidebar-end`,e===`end`),this._sidebarEl&&!this.collapsed)if(this.showSidebar)this._sidebarEl.style.marginRight=``;else{let e=this._sidebarEl.offsetWidth;this._sidebarEl.style.marginRight=`-${e}px`}}_syncSidebarWidth(){this._sidebarEl&&(this._sidebarEl.style.minWidth=`${this.minSidebarWidth}px`,this._sidebarEl.style.maxWidth=`${this.maxSidebarWidth}px`,this._sidebarEl.style.width=`${this.sidebarWidthFraction*100}%`)}};customElements.define(`adw-overlay-split-view`,e);export{e as AdwOverlaySplitView};

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

@@ -1,25 +1 @@
-//#region src/elements/adw-preferences-group.ts
-var AdwPreferencesGroup = class extends HTMLElement {
-	_initialized = false;
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const title = this.getAttribute("title") || "";
-		const children = Array.from(this.childNodes);
-		const header = document.createElement("div");
-		header.className = "adw-preferences-group-header";
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-preferences-group-title";
-		titleEl.textContent = title;
-		header.appendChild(titleEl);
-		const listbox = document.createElement("div");
-		listbox.className = "adw-preferences-group-listbox";
-		children.forEach((child) => listbox.appendChild(child));
-		this.appendChild(header);
-		this.appendChild(listbox);
-	}
-};
-customElements.define("adw-preferences-group", AdwPreferencesGroup);
-
-//#endregion
-export { AdwPreferencesGroup };
+var e=class extends HTMLElement{_initialized=!1;connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=this.getAttribute(`title`)||``,t=Array.from(this.childNodes),n=document.createElement(`div`);n.className=`adw-preferences-group-header`;let r=document.createElement(`span`);r.className=`adw-preferences-group-title`,r.textContent=e,n.appendChild(r);let i=document.createElement(`div`);i.className=`adw-preferences-group-listbox`,t.forEach(e=>i.appendChild(e)),this.appendChild(n),this.appendChild(i)}};customElements.define(`adw-preferences-group`,e);export{e as AdwPreferencesGroup};

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

@@ -1,110 +1 @@
-//#region src/elements/adw-spin-row.ts
-var AdwSpinRow = class extends HTMLElement {
-	_input;
-	_min = 0;
-	_max = 100;
-	_step = 1;
-	_value = 0;
-	_initialized = false;
-	static get observedAttributes() {
-		return [
-			"value",
-			"min",
-			"max",
-			"step"
-		];
-	}
-	get value() {
-		return this._value;
-	}
-	set value(v) {
-		const clamped = Math.min(this._max, Math.max(this._min, v));
-		const decimals = this._countDecimals(this._step);
-		this._value = parseFloat(clamped.toFixed(decimals));
-		if (this._input) {
-			this._input.value = this._formatValue(this._value);
-		}
-		this.setAttribute("value", String(this._value));
-	}
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const title = this.getAttribute("title") || "";
-		this._min = parseFloat(this.getAttribute("min") || "0");
-		this._max = parseFloat(this.getAttribute("max") || "100");
-		this._step = parseFloat(this.getAttribute("step") || "1");
-		this._value = parseFloat(this.getAttribute("value") || String(this._min));
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-row-title";
-		titleEl.textContent = title;
-		const control = document.createElement("div");
-		control.className = "adw-spin-control";
-		const decBtn = document.createElement("button");
-		decBtn.className = "adw-spin-dec";
-		decBtn.textContent = "−";
-		decBtn.addEventListener("click", () => this._adjust(-this._step));
-		const input = document.createElement("input");
-		input.type = "text";
-		input.value = this._formatValue(this._value);
-		input.addEventListener("change", () => {
-			const parsed = parseFloat(input.value);
-			if (!isNaN(parsed)) {
-				this.value = parsed;
-				this._emitChange();
-			} else {
-				input.value = this._formatValue(this._value);
-			}
-		});
-		const incBtn = document.createElement("button");
-		incBtn.className = "adw-spin-inc";
-		incBtn.textContent = "+";
-		incBtn.addEventListener("click", () => this._adjust(this._step));
-		control.append(decBtn, input, incBtn);
-		this.append(titleEl, control);
-		this._input = input;
-	}
-	attributeChangedCallback(name, _old, val) {
-		if (!this._initialized) return;
-		const num = parseFloat(val || "0");
-		switch (name) {
-			case "value":
-				if (num !== this._value) {
-					this._value = Math.min(this._max, Math.max(this._min, num));
-					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;
-		}
-	}
-	_adjust(delta) {
-		this.value = this._value + delta;
-		this._emitChange();
-	}
-	_emitChange() {
-		this.dispatchEvent(new CustomEvent("notify::value", {
-			bubbles: true,
-			detail: { value: this._value }
-		}));
-	}
-	_countDecimals(n) {
-		const s = String(n);
-		const dot = s.indexOf(".");
-		return dot === -1 ? 0 : s.length - dot - 1;
-	}
-	_formatValue(v) {
-		const decimals = this._countDecimals(this._step);
-		return decimals > 0 ? v.toFixed(decimals) : String(v);
-	}
-};
-customElements.define("adw-spin-row", AdwSpinRow);
-
-//#endregion
-export { AdwSpinRow };
+var e=class extends HTMLElement{_input;_min=0;_max=100;_step=1;_value=0;_initialized=!1;static get observedAttributes(){return[`value`,`min`,`max`,`step`]}get value(){return this._value}set value(e){let t=Math.min(this._max,Math.max(this._min,e)),n=this._countDecimals(this._step);this._value=parseFloat(t.toFixed(n)),this._input&&(this._input.value=this._formatValue(this._value)),this.setAttribute(`value`,String(this._value))}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=this.getAttribute(`title`)||``;this._min=parseFloat(this.getAttribute(`min`)||`0`),this._max=parseFloat(this.getAttribute(`max`)||`100`),this._step=parseFloat(this.getAttribute(`step`)||`1`),this._value=parseFloat(this.getAttribute(`value`)||String(this._min));let t=document.createElement(`span`);t.className=`adw-row-title`,t.textContent=e;let n=document.createElement(`div`);n.className=`adw-spin-control`;let r=document.createElement(`button`);r.className=`adw-spin-dec`,r.textContent=`−`,r.addEventListener(`click`,()=>this._adjust(-this._step));let i=document.createElement(`input`);i.type=`text`,i.value=this._formatValue(this._value),i.addEventListener(`change`,()=>{let e=parseFloat(i.value);isNaN(e)?i.value=this._formatValue(this._value):(this.value=e,this._emitChange())});let a=document.createElement(`button`);a.className=`adw-spin-inc`,a.textContent=`+`,a.addEventListener(`click`,()=>this._adjust(this._step)),n.append(r,i,a),this.append(t,n),this._input=i}attributeChangedCallback(e,t,n){if(!this._initialized)return;let r=parseFloat(n||`0`);switch(e){case`value`:r!==this._value&&(this._value=Math.min(this._max,Math.max(this._min,r)),this._input.value=this._formatValue(this._value));break;case`min`:this._min=r;break;case`max`:this._max=r;break;case`step`:this._step=r;break}}_adjust(e){this.value=this._value+e,this._emitChange()}_emitChange(){this.dispatchEvent(new CustomEvent(`notify::value`,{bubbles:!0,detail:{value:this._value}}))}_countDecimals(e){let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1}_formatValue(e){let t=this._countDecimals(this._step);return t>0?e.toFixed(t):String(e)}};customElements.define(`adw-spin-row`,e);export{e as AdwSpinRow};

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

@@ -1,52 +1 @@
-//#region src/elements/adw-switch-row.ts
-var AdwSwitchRow = class extends HTMLElement {
-	_checkbox;
-	_initialized = false;
-	static get observedAttributes() {
-		return ["active"];
-	}
-	get active() {
-		return this.hasAttribute("active");
-	}
-	set active(value) {
-		if (value) this.setAttribute("active", "");
-		else this.removeAttribute("active");
-	}
-	connectedCallback() {
-		if (this._initialized) return;
-		this._initialized = true;
-		const title = this.getAttribute("title") || "";
-		const checked = this.hasAttribute("active");
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-row-title";
-		titleEl.textContent = title;
-		const label = document.createElement("label");
-		label.className = "adw-switch";
-		const input = document.createElement("input");
-		input.type = "checkbox";
-		input.checked = checked;
-		const slider = document.createElement("span");
-		slider.className = "adw-switch-slider";
-		label.appendChild(input);
-		label.appendChild(slider);
-		this.appendChild(titleEl);
-		this.appendChild(label);
-		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 }
-			}));
-		});
-	}
-	attributeChangedCallback(name, _old, value) {
-		if (name === "active" && this._checkbox) {
-			this._checkbox.checked = value !== null;
-		}
-	}
-};
-customElements.define("adw-switch-row", AdwSwitchRow);
-
-//#endregion
-export { AdwSwitchRow };
+var e=class extends HTMLElement{_checkbox;_initialized=!1;static get observedAttributes(){return[`active`]}get active(){return this.hasAttribute(`active`)}set active(e){e?this.setAttribute(`active`,``):this.removeAttribute(`active`)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=this.getAttribute(`title`)||``,t=this.hasAttribute(`active`),n=document.createElement(`span`);n.className=`adw-row-title`,n.textContent=e;let r=document.createElement(`label`);r.className=`adw-switch`;let i=document.createElement(`input`);i.type=`checkbox`,i.checked=t;let a=document.createElement(`span`);a.className=`adw-switch-slider`,r.appendChild(i),r.appendChild(a),this.appendChild(n),this.appendChild(r),this._checkbox=i,this._checkbox.addEventListener(`change`,()=>{this.toggleAttribute(`active`,this._checkbox.checked),this.dispatchEvent(new CustomEvent(`notify::active`,{bubbles:!0,detail:{active:this._checkbox.checked}}))})}attributeChangedCallback(e,t,n){e===`active`&&this._checkbox&&(this._checkbox.checked=n!==null)}};customElements.define(`adw-switch-row`,e);export{e as AdwSwitchRow};

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

@@ -1,32 +1 @@
-//#region src/elements/adw-toast-overlay.ts
-var AdwToastOverlay = class extends HTMLElement {
-	/**
-	* Show a toast notification.
-	* @param title - The text to display.
-	* @param timeout - Time in ms before the toast auto-dismisses (default 2000).
-	*/
-	addToast(title, timeout = 2e3) {
-		const toast = document.createElement("div");
-		toast.className = "adw-toast";
-		const titleEl = document.createElement("span");
-		titleEl.className = "adw-toast-title";
-		titleEl.textContent = title;
-		toast.appendChild(titleEl);
-		this.appendChild(toast);
-		requestAnimationFrame(() => {
-			toast.classList.add("visible");
-		});
-		setTimeout(() => {
-			toast.classList.remove("visible");
-			toast.classList.add("hiding");
-			toast.addEventListener("transitionend", () => toast.remove(), { once: true });
-			setTimeout(() => {
-				if (toast.parentNode) toast.remove();
-			}, 300);
-		}, timeout);
-	}
-};
-customElements.define("adw-toast-overlay", AdwToastOverlay);
-
-//#endregion
-export { AdwToastOverlay };
+var e=class extends HTMLElement{addToast(e,t=2e3){let n=document.createElement(`div`);n.className=`adw-toast`;let r=document.createElement(`span`);r.className=`adw-toast-title`,r.textContent=e,n.appendChild(r),this.appendChild(n),requestAnimationFrame(()=>{n.classList.add(`visible`)}),setTimeout(()=>{n.classList.remove(`visible`),n.classList.add(`hiding`),n.addEventListener(`transitionend`,()=>n.remove(),{once:!0}),setTimeout(()=>{n.parentNode&&n.remove()},300)},t)}};customElements.define(`adw-toast-overlay`,e);export{e as AdwToastOverlay};

package/src/elements/adw-window.js

@@ -1,13 +1 @@
-//#region src/elements/adw-window.ts
-var AdwWindow = class extends HTMLElement {
-	connectedCallback() {
-		const w = this.getAttribute("width");
-		const h = this.getAttribute("height");
-		if (w) this.style.width = `${w}px`;
-		if (h) this.style.height = `${h}px`;
-	}
-};
-customElements.define("adw-window", AdwWindow);
-
-//#endregion
-export { AdwWindow };
+var e=class extends HTMLElement{connectedCallback(){let e=this.getAttribute(`width`),t=this.getAttribute(`height`);e&&(this.style.width=`${e}px`),t&&(this.style.height=`${t}px`)}};customElements.define(`adw-window`,e);export{e as AdwWindow};

package/src/index.js

@@ -1,12 +1 @@
-import { AdwCard } from "./elements/adw-card.js";
-import { AdwWindow } from "./elements/adw-window.js";
-import { AdwHeaderBar } from "./elements/adw-header-bar.js";
-import { AdwPreferencesGroup } from "./elements/adw-preferences-group.js";
-import { AdwSwitchRow } from "./elements/adw-switch-row.js";
-import { AdwComboRow } from "./elements/adw-combo-row.js";
-import { AdwSpinRow } from "./elements/adw-spin-row.js";
-import { AdwToastOverlay } from "./elements/adw-toast-overlay.js";
-import { AdwOverlaySplitView } from "./elements/adw-overlay-split-view.js";
-import "@gjsify/adwaita-fonts";
-
-export { AdwCard, AdwComboRow, AdwHeaderBar, AdwOverlaySplitView, AdwPreferencesGroup, AdwSpinRow, AdwSwitchRow, AdwToastOverlay, AdwWindow };
+import{AdwCard as e}from"./elements/adw-card.js";import{AdwWindow as t}from"./elements/adw-window.js";import{AdwHeaderBar as n}from"./elements/adw-header-bar.js";import{AdwPreferencesGroup as r}from"./elements/adw-preferences-group.js";import{AdwSwitchRow as i}from"./elements/adw-switch-row.js";import{AdwComboRow as a}from"./elements/adw-combo-row.js";import{AdwSpinRow as o}from"./elements/adw-spin-row.js";import{AdwToastOverlay as s}from"./elements/adw-toast-overlay.js";import{AdwOverlaySplitView as c}from"./elements/adw-overlay-split-view.js";import"@gjsify/adwaita-fonts";export{e as AdwCard,a as AdwComboRow,n as AdwHeaderBar,c as AdwOverlaySplitView,r as AdwPreferencesGroup,o as AdwSpinRow,i as AdwSwitchRow,s as AdwToastOverlay,t as AdwWindow};