@lovince/icons 1.1.0 → 1.1.1

package/dist/element.d.ts

@@ -1,8 +1,9 @@
-export declare class LvIconElement extends HTMLElement {
-    static get observedAttributes(): readonly string[];
-    connectedCallback(): void;
-    attributeChangedCallback(): void;
-    private render;
-}
-/** Idempotent, so calling it from several entry points is safe. */
+import { IconName } from './paths';
+import { RenderOptions } from './render';
+declare const normaliseName: (value: string | null) => IconName | null;
+/** Reads the element's attributes into render options. Exported for testing. */
+export declare const optionsFromAttributes: (get: (name: string) => string | null, has: (name: string) => boolean) => RenderOptions;
+export { normaliseName as resolveElementName };
+export type LvIconElement = HTMLElement;
+/** Idempotent and SSR-safe: a no-op anywhere without a DOM. */
 export declare const defineIconElement: (tag?: string) => void;

package/dist/index.d.ts

@@ -5,7 +5,7 @@
  */
 export { paths, iconNames, iconGroups, isIconName, type IconName } from './paths';
 export { renderIcon, createIcon, iconDataUri, type RenderOptions } from './render';
-export { LvIconElement, defineIconElement } from './element';
+export { defineIconElement, optionsFromAttributes, resolveElementName, type LvIconElement, } from './element';
 export { CANVAS, DEFAULT_SIZE, DEFAULT_STROKE, resolveGeometry, resolveStroke, resolveTransform, resolveFill, type IconFlip, type IconGeometry, } from './core/props';
 export { CONTEXT, VARIANT_FILL, STATE_FILL, STATE_OPACITY, opticalStroke, resolveContext, resolveVariantFill, type ContextPreset, type IconContext, type IconState, type IconVariant, } from './core/variants';
 export { createTimeline, journeyChoreography, type Cue, type CueInput, type Timeline, } from './core/choreography';

package/dist/index.js

@@ -53,32 +53,37 @@ var C = "http://www.w3.org/2000/svg", w = (e) => e.replace(/&/g, "&").replac
 	if (e == null) return t;
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, N = class extends HTMLElement {
-	static get observedAttributes() {
-		return k;
-	}
-	connectedCallback() {
-		this.render();
-	}
-	attributeChangedCallback() {
-		this.isConnected && this.render();
-	}
-	render() {
-		let e = j(this.getAttribute("name"));
-		if (this.replaceChildren(), e === null) return;
-		let t = this.getAttribute("flip"), n = D(e, {
-			size: M(this.getAttribute("size"), 24),
-			strokeWidth: M(this.getAttribute("stroke-width"), 2),
-			absoluteStrokeWidth: this.hasAttribute("absolute-stroke-width"),
-			fill: M(this.getAttribute("fill"), 0),
-			rotate: M(this.getAttribute("rotate"), 0),
-			...t === "horizontal" || t === "vertical" || t === "both" ? { flip: t } : {},
-			...this.getAttribute("label") == null ? {} : { label: this.getAttribute("label") }
-		});
-		n !== null && this.appendChild(n);
-	}
+}, N = (e, t) => {
+	let n = e("flip"), r = e("label");
+	return {
+		size: M(e("size"), 24),
+		strokeWidth: M(e("stroke-width"), 2),
+		absoluteStrokeWidth: t("absolute-stroke-width"),
+		fill: M(e("fill"), 0),
+		rotate: M(e("rotate"), 0),
+		...n === "horizontal" || n === "vertical" || n === "both" ? { flip: n } : {},
+		...r == null ? {} : { label: r }
+	};
 }, P = (e = "lv-icon") => {
-	typeof window > "u" || typeof customElements > "u" || customElements.get(e) === void 0 && customElements.define(e, N);
+	if (typeof window > "u" || typeof customElements > "u" || typeof HTMLElement > "u" || customElements.get(e) !== void 0) return;
+	class t extends HTMLElement {
+		static get observedAttributes() {
+			return k;
+		}
+		connectedCallback() {
+			this.render();
+		}
+		attributeChangedCallback() {
+			this.isConnected && this.render();
+		}
+		render() {
+			let e = j(this.getAttribute("name"));
+			if (this.replaceChildren(), e === null) return;
+			let t = D(e, N((e) => this.getAttribute(e), (e) => this.hasAttribute(e)));
+			t !== null && this.appendChild(t);
+		}
+	}
+	customElements.define(e, t);
 }, F = (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2, I = () => {
 	let e = [], t = 0, n = 0, r = !1, i = (n) => {
 		let r = n.duration ?? y.state, i = Math.max(0, t + (n.offset ?? 0));
@@ -151,4 +156,4 @@ var C = "http://www.w3.org/2000/svg", w = (e) => e.replace(/&/g, "&amp;").replac
 	}), n.length > 0 && t.stagger(n, .06), t;
 };
 //#endregion
-export { g as CANVAS, h as CONTEXT, p as DEFAULT_SIZE, u as DEFAULT_STROKE, y as DURATION, m as EASE, N as LvIconElement, v as STATE_FILL, o as STATE_OPACITY, f as VARIANT_FILL, D as createIcon, I as createTimeline, _ as cssDuration, P as defineIconElement, O as iconDataUri, e as iconGroups, t as iconNames, n as isIconName, L as journeyChoreography, b as opticalStroke, r as paths, d as prefersReducedMotion, E as renderIcon, s as resolveContext, a as resolveDuration, l as resolveFill, i as resolveGeometry, x as resolveStroke, S as resolveTransform, c as resolveVariantFill };
+export { g as CANVAS, h as CONTEXT, p as DEFAULT_SIZE, u as DEFAULT_STROKE, y as DURATION, m as EASE, v as STATE_FILL, o as STATE_OPACITY, f as VARIANT_FILL, D as createIcon, I as createTimeline, _ as cssDuration, P as defineIconElement, O as iconDataUri, e as iconGroups, t as iconNames, n as isIconName, L as journeyChoreography, b as opticalStroke, N as optionsFromAttributes, r as paths, d as prefersReducedMotion, E as renderIcon, s as resolveContext, a as resolveDuration, j as resolveElementName, l as resolveFill, i as resolveGeometry, x as resolveStroke, S as resolveTransform, c as resolveVariantFill };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovince/icons",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A motion-aware icon system for Vue 3 \u2014 24x24 geometry, variable weight and fill, animated state transitions.",
   "type": "module",
   "license": "MIT",