@avento-space/ts-ui 1.0.0 → 1.1.1

package/dist/icons/icon-element.d.ts

@@ -0,0 +1,25 @@
+import { UElement } from '../core/element.js';
+export interface UIconProps {
+    name?: string;
+    size?: number | string;
+    strokeWidth?: number | string;
+    class?: string;
+}
+export declare class UIcon extends UElement {
+    static get observedAttributes(): string[];
+    private _name;
+    private _size;
+    private _strokeWidth;
+    constructor();
+    get name(): string;
+    set name(val: string);
+    get size(): number;
+    set size(val: number);
+    get strokeWidth(): number;
+    set strokeWidth(val: number);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    private _update;
+    _mount(): void;
+}
+//# sourceMappingURL=icon-element.d.ts.map

package/dist/icons/icon-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-element.d.ts","sourceRoot":"","sources":["../../src/icons/icon-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,KAAM,SAAQ,QAAQ;IACjC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,YAAY,CAAa;;IAOjC,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAAqC;IACzD,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAA+D;IACnF,IAAI,WAAW,IAAI,MAAM,CAA8B;IACvD,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,EAA8E;IAEzG,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU1F,OAAO,CAAC,OAAO;IAsBf,MAAM,IAAI,IAAI;CACf"}

package/dist/icons/icon-element.js

@@ -0,0 +1,63 @@
+import { UElement } from '../core/element.js';
+import { iconStyles } from '../components/styles.js';
+import { iconRegistry } from './registry.js';
+export class UIcon extends UElement {
+    static get observedAttributes() {
+        return ['name', 'size', 'stroke-width', 'class'];
+    }
+    constructor() {
+        super();
+        this._name = '';
+        this._size = 24;
+        this._strokeWidth = 2;
+        this._root.innerHTML = `<style>${iconStyles}</style>`;
+    }
+    get name() { return this._name; }
+    set name(val) { this.setAttribute('name', val); }
+    get size() { return this._size; }
+    set size(val) { this._size = val; this.setAttribute('size', String(val)); }
+    get strokeWidth() { return this._strokeWidth; }
+    set strokeWidth(val) { this._strokeWidth = val; this.setAttribute('stroke-width', String(val)); }
+    connectedCallback() {
+        super.connectedCallback();
+        this._update();
+    }
+    attributeChangedCallback(name, oldVal, newVal) {
+        if (oldVal === newVal)
+            return;
+        switch (name) {
+            case 'name':
+                this._name = newVal ?? '';
+                break;
+            case 'size':
+                this._size = Number(newVal) || 24;
+                break;
+            case 'stroke-width':
+                this._strokeWidth = Number(newVal) || 2;
+                break;
+        }
+        this._update();
+    }
+    _update() {
+        if (!this._name)
+            return;
+        const data = iconRegistry[this._name];
+        if (!data) {
+            this._root.innerHTML = `<style>${iconStyles}</style>`;
+            return;
+        }
+        const { innerHTML, viewBox } = data;
+        this._root.innerHTML = `<style>${iconStyles}</style>
+<svg xmlns="http://www.w3.org/2000/svg"
+  width="${this._size}" height="${this._size}"
+  viewBox="${viewBox || '0 0 24 24'}"
+  fill="none" stroke="currentColor"
+  stroke-width="${this._strokeWidth}"
+  stroke-linecap="round" stroke-linejoin="round"
+  part="icon">
+  ${innerHTML}
+</svg>`;
+    }
+    _mount() { }
+}
+//# sourceMappingURL=icon-element.js.map

package/dist/icons/icon-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-element.js","sourceRoot":"","sources":["../../src/icons/icon-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAS7C,MAAM,OAAO,KAAM,SAAQ,QAAQ;IACjC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IAMD;QACE,KAAK,EAAE,CAAC;QALF,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QACnB,iBAAY,GAAW,CAAC,CAAC;QAI/B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,UAAU,UAAU,CAAC;IACxD,CAAC;IAED,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,IAAI,IAAI,CAAC,GAAW,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,IAAI,IAAI,CAAC,GAAW,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,IAAI,WAAW,KAAa,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACvD,IAAI,WAAW,CAAC,GAAW,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzG,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,MAAqB,EAAE,MAAqB;QACjF,IAAI,MAAM,KAAK,MAAM;YAAE,OAAO;QAC9B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,MAAM;gBAAE,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,EAAE,CAAC;gBAAC,MAAM;YAC9C,KAAK,MAAM;gBAAE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;gBAAC,MAAM;YACtD,KAAK,cAAc;gBAAE,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;QACtE,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QAExB,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,UAAU,UAAU,CAAC;YACtD,OAAO;QACT,CAAC;QAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,UAAU;;WAEpC,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,KAAK;aAC/B,OAAO,IAAI,WAAW;;kBAEjB,IAAI,CAAC,YAAY;;;IAG/B,SAAS;OACN,CAAC;IACN,CAAC;IAED,MAAM,KAAU,CAAC;CAClB"}

package/dist/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { UIcon } from './icon-element.js';
+export type { UIconProps } from './icon-element.js';
+export { iconRegistry } from './registry.js';
+export type { IconData } from './registry.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/icons/index.js

@@ -0,0 +1,4 @@
+// Auto-generated by scripts/build-icons.mjs — do not edit manually
+export { UIcon } from './icon-element.js';
+export { iconRegistry } from './registry.js';
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/icons/registry.d.ts

@@ -0,0 +1,6 @@
+export interface IconData {
+    innerHTML: string;
+    viewBox: string;
+}
+export declare const iconRegistry: Record<string, IconData>;
+//# sourceMappingURL=registry.d.ts.map

package/dist/icons/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/icons/registry.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAqqJjD,CAAC"}