@marioschmidt/design-system-components 1.3.0 → 1.3.1

package/dist/types/ds-icon/ds-icon.d.ts

@@ -0,0 +1,58 @@
+export declare class DsIcon {
+    el: HTMLElement;
+    /**
+     * Name of the icon to display (without .svg extension).
+     * Must match a file in the icons directory.
+     * @example "add", "arrow-left", "close"
+     */
+    name: string;
+    /**
+     * Size of the icon in pixels.
+     * @default 24
+     */
+    size: number;
+    /**
+     * Color of the icon. Accepts any valid CSS color value.
+     * Icons use currentColor by default, inheriting from parent.
+     * @default 'currentColor'
+     */
+    color: string;
+    /**
+     * Base path for loading icon SVG files.
+     * @default '/icons'
+     */
+    basePath: string;
+    /**
+     * Enable lazy loading with IntersectionObserver.
+     * Icon will only load when visible in viewport.
+     * @default false
+     */
+    lazy: boolean;
+    /**
+     * Accessible label for screen readers.
+     * If provided, icon is treated as semantic (not decorative).
+     */
+    label?: string;
+    /**
+     * Internal state for the loaded SVG content.
+     */
+    svgContent: string;
+    /**
+     * Internal state for loading status.
+     */
+    isLoading: boolean;
+    /**
+     * Internal state for error status.
+     */
+    hasError: boolean;
+    private observer?;
+    private isVisible;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    onNameChange(): void;
+    onBasePathChange(): void;
+    private setupIntersectionObserver;
+    private loadIcon;
+    private fetchIcon;
+    render(): any;
+}

package/dist/www/build/bds.esm.js

@@ -1 +1 @@
-import{p as a,g as t,b as r}from"./p-Bi1FQZ1d.js";export{s as setNonce}from"./p-Bi1FQZ1d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),a(t)})().then((async a=>(await t(),r([["p-3f9754c9",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],a))));
+import{p as a,g as e,b as t}from"./p-DUrpTa_b.js";export{s as setNonce}from"./p-DUrpTa_b.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-f4e1fe1f",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],size:[2],color:[1],basePath:[1,"base-path"],lazy:[4],label:[1],svgContent:[32],isLoading:[32],hasError:[32]},null,{name:[{onNameChange:0}],basePath:[{onBasePathChange:0}]}]]]],a))));