@redvars/peacock 3.0.0

package/dist/src/avatar/avatar.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+/**
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop --icon-size - Controls the size of the icon.
+ */
+export declare class Avatar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    name: string;
+    src?: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private __getInitials;
+}

package/dist/src/avatar/avatar.js

@@ -0,0 +1,44 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './avatar.css.js';
+/**
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop --icon-size - Controls the size of the icon.
+ */
+export class Avatar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+    }
+    render() {
+        return html `<div class="avatar-container">
+      <div
+        class=${classMap({
+            avatar: true,
+            initials: !this.src,
+            image: !!this.src,
+        })}
+      >
+        ${this.src
+            ? html `<img class="image" src=${this.src} alt=${this.name} />`
+            : html `<div class="initials">${this.__getInitials()}</div>`}
+      </div>
+    </div>`;
+    }
+    __getInitials() {
+        const [first = '', last = ''] = this.name.split(' ');
+        return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();
+    }
+}
+Avatar.styles = [styles];
+__decorate([
+    property({ type: String, reflect: true })
+], Avatar.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Avatar.prototype, "src", void 0);
+//# sourceMappingURL=avatar.js.map

package/dist/src/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAG6C,SAAI,GAAW,EAAE,CAAC;IAwB/D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;YACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;UAEA,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,IAAI,KAAK;YAC9D,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,aAAa,EAAE,QAAQ;;WAE1D,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC;;AAzBM,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './avatar.css.js';\n\n/**\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop --icon-size - Controls the size of the icon.\n */\nexport class Avatar extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"]}

package/dist/src/icon/datasource.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchSVG(url: string): Promise<string>;
+export declare function fetchIcon(name: string, provider?: string): Promise<string>;

package/dist/src/icon/datasource.js

@@ -0,0 +1,20 @@
+import { createCacheFetch } from '../utils.js';
+const PROVIDERS = {
+    'material-symbols': (name) => `https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@0.40.1/outlined/${name}.svg`,
+    carbon: (name) => `https://cdn.jsdelivr.net/npm/@carbon/icons@11.41.0/svg/32/${name}.svg`,
+};
+const cacheFetch = await createCacheFetch('svg-cache');
+export async function fetchSVG(url) {
+    if (!url)
+        return '';
+    return cacheFetch(url);
+}
+export async function fetchIcon(name, provider = 'material-symbols') {
+    if (!name)
+        return '';
+    if (!PROVIDERS[provider]) {
+        throw new Error(`Provider '${provider}' not found`);
+    }
+    return fetchSVG(PROVIDERS[provider](name));
+}
+//# sourceMappingURL=datasource.js.map

package/dist/src/icon/datasource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasource.js","sourceRoot":"","sources":["../../../src/icon/datasource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,SAAS,GAA6C;IAC1D,kBAAkB,EAAE,CAAC,IAAY,EAAE,EAAE,CACnC,0EAA0E,IAAI,MAAM;IACtF,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CACvB,6DAA6D,IAAI,MAAM;CAC1E,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,gBAAgB,CAAC,WAAW,CAAC,CAAC;AAEvD,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,GAAW;IACxC,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IACpB,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS,CAC7B,IAAY,EACZ,WAAmB,kBAAkB;IAErC,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,aAAa,QAAQ,aAAa,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import { createCacheFetch } from '../utils.js';\n\nconst PROVIDERS: Record<string, (name: string) => string> = {\n  'material-symbols': (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@0.40.1/outlined/${name}.svg`,\n  carbon: (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@carbon/icons@11.41.0/svg/32/${name}.svg`,\n};\n\nconst cacheFetch = await createCacheFetch('svg-cache');\n\nexport async function fetchSVG(url: string) {\n  if (!url) return '';\n  return cacheFetch(url);\n}\n\nexport async function fetchIcon(\n  name: string,\n  provider: string = 'material-symbols',\n) {\n  if (!name) return '';\n\n  if (!PROVIDERS[provider]) {\n    throw new Error(`Provider '${provider}' not found`);\n  }\n\n  return fetchSVG(PROVIDERS[provider](name));\n}\n"]}

package/dist/src/icon/icon.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/src/icon/icon.css.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-block;
+    line-height: 0;
+    --icon-size: inherit;
+    --icon-color: inherit;
+  }
+
+  .icon {
+    display: inline-block;
+    height: var(--icon-size, 1rem);
+    width: var(--icon-size, 1rem);
+
+    svg {
+      fill: var(--icon-color);
+      height: 100%;
+      width: 100%;
+    }
+  }
+`;
+//# sourceMappingURL=icon.css.js.map

package/dist/src/icon/icon.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.css.js","sourceRoot":"","sources":["../../../src/icon/icon.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    line-height: 0;\n    --icon-size: inherit;\n    --icon-color: inherit;\n  }\n\n  .icon {\n    display: inline-block;\n    height: var(--icon-size, 1rem);\n    width: var(--icon-size, 1rem);\n\n    svg {\n      fill: var(--icon-color);\n      height: 100%;\n      width: 100%;\n    }\n  }\n`;\n"]}

package/dist/src/icon/icon.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+/**
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ */
+export declare class Icon extends LitElement {
+    static styles: import("lit").CSSResult[];
+    name?: string;
+    src?: string;
+    provider?: 'material-symbols' | 'carbon';
+    private svgContent;
+    private loading;
+    private error;
+    private _fetchId;
+    private _debounceTimer;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private __scheduleUpdate;
+    /**
+     * @internal
+     */
+    private __updateSvg;
+}

package/dist/src/icon/icon.js

@@ -0,0 +1,119 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
+import { fetchIcon, fetchSVG } from './datasource.js';
+import { sanitizeSvg } from '../utils.js';
+import { styles } from './icon.css.js';
+/**
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ */
+export class Icon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = 'home';
+        this.provider = 'material-symbols';
+        this.svgContent = '';
+        // loading + error states for consumers/tests
+        this.loading = false;
+        this.error = null;
+        // token to avoid race conditions when multiple fetches overlap
+        this._fetchId = 0;
+    }
+    firstUpdated() {
+        // perform initial fetch once component is connected and rendered
+        this.__scheduleUpdate();
+    }
+    updated(changedProperties) {
+        // only refetch when name or src changed
+        if (changedProperties.has('name') || changedProperties.has('src')) {
+            this.__scheduleUpdate();
+        }
+    }
+    render() {
+        // accessible wrapper; consumers can provide a fallback via <slot name="fallback">.
+        return html ` <div class="icon">
+      ${this.svgContent
+            ? unsafeSVG(this.svgContent)
+            : html `<slot name="fallback"></slot>`}
+    </div>`;
+    }
+    // small debounce to coalesce rapid changes (50ms)
+    __scheduleUpdate() {
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+        }
+        // @ts-ignore - setTimeout in DOM returns number
+        this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);
+    }
+    /**
+     * @internal
+     */
+    async __updateSvg() {
+        this._fetchId += 1;
+        const currentId = this._fetchId;
+        this.loading = true;
+        this.error = null;
+        try {
+            let raw;
+            if (this.name) {
+                raw = await fetchIcon(this.name, this.provider);
+            }
+            else if (this.src) {
+                raw = await fetchSVG(this.src);
+            }
+            else {
+                raw = '';
+            }
+            // If another fetch started after this one, ignore this result
+            if (currentId !== this._fetchId)
+                return;
+            if (raw) {
+                this.svgContent = sanitizeSvg(raw);
+            }
+            else {
+                this.svgContent = '';
+            }
+        }
+        catch (err) {
+            // capture and surface error, but avoid throwing
+            this.error = err instanceof Error ? err : new Error(String(err));
+            this.svgContent = '';
+            // bubble an event so consumers can react
+            this.dispatchEvent(new CustomEvent('icon-error', {
+                detail: { name: this.name, src: this.src, error: this.error },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        finally {
+            // ensure loading is cleared unless another fetch started
+            if (currentId === this._fetchId) {
+                this.loading = false;
+            }
+        }
+    }
+}
+Icon.styles = [styles];
+__decorate([
+    property({ type: String, reflect: true })
+], Icon.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Icon.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "provider", void 0);
+__decorate([
+    state()
+], Icon.prototype, "svgContent", void 0);
+__decorate([
+    state()
+], Icon.prototype, "loading", void 0);
+__decorate([
+    state()
+], Icon.prototype, "error", void 0);
+//# sourceMappingURL=icon.js.map

package/dist/src/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { fetchIcon, fetchSVG } from './datasource.js';\nimport { sanitizeSvg } from '../utils.js';\nimport { styles } from './icon.css.js';\n\n/**\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n */\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name?: string = 'home';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  @property({ type: String }) provider?: 'material-symbols' | 'carbon' =\n    'material-symbols';\n\n  @state()\n  private svgContent: string = '';\n\n  // loading + error states for consumers/tests\n  @state()\n  private loading: boolean = false;\n\n  @state()\n  private error: Error | null = null;\n\n  // token to avoid race conditions when multiple fetches overlap\n  private _fetchId = 0;\n\n  // optional debounce for rapid property changes\n  private _debounceTimer: number | undefined;\n\n  firstUpdated() {\n    // perform initial fetch once component is connected and rendered\n    this.__scheduleUpdate();\n  }\n\n  updated(changedProperties: any) {\n    // only refetch when name or src changed\n    if (changedProperties.has('name') || changedProperties.has('src')) {\n      this.__scheduleUpdate();\n    }\n  }\n\n  render() {\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\n    return html` <div class=\"icon\">\n      ${this.svgContent\n        ? unsafeSVG(this.svgContent)\n        : html`<slot name=\"fallback\"></slot>`}\n    </div>`;\n  }\n\n  // small debounce to coalesce rapid changes (50ms)\n  private __scheduleUpdate() {\n    if (this._debounceTimer) {\n      clearTimeout(this._debounceTimer as any);\n    }\n    // @ts-ignore - setTimeout in DOM returns number\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\n  }\n\n  /**\n   * @internal\n   */\n  private async __updateSvg() {\n    this._fetchId += 1;\n    const currentId = this._fetchId;\n    this.loading = true;\n    this.error = null;\n\n    try {\n      let raw: string | undefined;\n\n      if (this.name) {\n        raw = await fetchIcon(this.name, this.provider);\n      } else if (this.src) {\n        raw = await fetchSVG(this.src);\n      } else {\n        raw = '';\n      }\n\n      // If another fetch started after this one, ignore this result\n      if (currentId !== this._fetchId) return;\n\n      if (raw) {\n        this.svgContent = sanitizeSvg(raw);\n      } else {\n        this.svgContent = '';\n      }\n    } catch (err: any) {\n      // capture and surface error, but avoid throwing\n      this.error = err instanceof Error ? err : new Error(String(err));\n      this.svgContent = '';\n      // bubble an event so consumers can react\n      this.dispatchEvent(\n        new CustomEvent('icon-error', {\n          detail: { name: this.name, src: this.src, error: this.error },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    } finally {\n      // ensure loading is cleared unless another fetch started\n      if (currentId === this._fetchId) {\n        this.loading = false;\n      }\n    }\n  }\n}\n"]}

package/dist/src/icon/p-icon.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from './icon.js';
+export declare class IconComponent extends Icon {
+}

package/dist/src/icon/p-icon.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { Icon } from './icon.js';
+let IconComponent = class IconComponent extends Icon {
+};
+IconComponent = __decorate([
+    customElement('p-icon')
+], IconComponent);
+export { IconComponent };
+//# sourceMappingURL=p-icon.js.map

package/dist/src/icon/p-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/icon/p-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG1B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,IAAI;CAAG,CAAA;AAA7B,aAAa;IADzB,aAAa,CAAC,QAAQ,CAAC;GACX,aAAa,CAAgB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon.js';\n\n@customElement('p-icon')\nexport class IconComponent extends Icon {}\n"]}

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './icon/icon.js';
+export { Avatar } from './avatar/avatar.js';

package/dist/src/index.js

@@ -0,0 +1,3 @@
+export { Icon } from './icon/icon.js';
+export { Avatar } from './avatar/avatar.js';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { Icon } from './icon/icon.js';\nexport { Avatar } from './avatar/avatar.js';\n"]}

package/dist/src/peacock-loader.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/peacock-loader.js

@@ -0,0 +1,16 @@
+// Eager loaded
+import { Icon } from './icon/icon.js';
+import { LoaderUtils } from './LoaderUtils.js';
+const loaderConfig = {
+    prefix: 'p',
+    components: {
+        icon: {
+            CustomElementClass: Icon,
+        },
+        avatar: {
+            importPath: './avatar/avatar.js',
+        },
+    },
+};
+new LoaderUtils(loaderConfig).start();
+//# sourceMappingURL=peacock-loader.js.map

package/dist/src/peacock-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,GAAG;IACX,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;SACzB;QACD,MAAM,EAAE;YACN,UAAU,EAAE,oBAAoB;SACjC;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\n\nconst loaderConfig: LoaderConfig = {\n  prefix: 'p',\n  components: {\n    icon: {\n      CustomElementClass: Icon,\n    },\n    avatar: {\n      importPath: './avatar/avatar.js',\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"]}

package/dist/src/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;
+export declare function sanitizeSvg(rawSvg: string): string;
+export declare const getTypography: (name: string) => string;

package/dist/src/utils.js

@@ -0,0 +1,101 @@
+export async function createCacheFetch(name) {
+    let cache = null;
+    // This map tracks requests currently being processed
+    const inFlightRequests = new Map();
+    try {
+        cache = await window.caches.open(name);
+    }
+    catch (e) {
+        console.warn('window.caches access not allowed');
+    }
+    return async (url) => {
+        // 1. Check if we are already fetching this URL
+        if (inFlightRequests.has(url)) {
+            // Return the existing promise instead of starting a new one
+            return inFlightRequests.get(url);
+        }
+        // 2. Create the main logic as a promise
+        const fetchPromise = (async () => {
+            const request = new Request(url);
+            // Check Cache first
+            if (cache) {
+                const cachedResponse = await cache.match(request);
+                if (cachedResponse) {
+                    return await cachedResponse.text();
+                }
+            }
+            // Prepare network request
+            const urlObj = new URL(request.url);
+            const isSameOrigin = urlObj.origin === window.location.origin;
+            const response = await fetch(request.url, {
+                method: 'GET',
+                mode: isSameOrigin ? 'no-cors' : 'cors',
+                credentials: isSameOrigin ? 'same-origin' : 'omit',
+            });
+            // --- Handle 404 ---
+            if (response.status === 404) {
+                console.error(`[Fetch Error] Resource not found (404): ${url}`);
+                return ''; // Return empty string as requested
+            }
+            const result = await response.text();
+            // Update Cache if applicable
+            if (cache && response.status === 200) {
+                // We clone the response logic by creating a new Response with the text body
+                await cache.put(request, new Response(result, {
+                    status: response.status,
+                    statusText: response.statusText,
+                    headers: response.headers,
+                }));
+            }
+            return result;
+        })();
+        // 3. Store the promise in the map
+        inFlightRequests.set(url, fetchPromise);
+        try {
+            // 4. Wait for the result
+            return await fetchPromise;
+        }
+        finally {
+            // 5. Clean up: Remove the promise from the map when done
+            // This ensures subsequent calls (after this one finishes) can start fresh
+            inFlightRequests.delete(url);
+        }
+    };
+}
+// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes
+export function sanitizeSvg(rawSvg) {
+    try {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(rawSvg, 'image/svg+xml');
+        // remove script tags
+        const scripts = Array.from(doc.querySelectorAll('script'));
+        scripts.forEach(n => n.remove());
+        // remove foreignObject and iframe-like elements
+        const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));
+        foreigns.forEach(n => n.remove());
+        // remove event handler attributes like onload, onclick, etc.
+        const all = Array.from(doc.querySelectorAll('*'));
+        all.forEach(el => {
+            const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));
+            attrs.forEach(a => el.removeAttribute(a.name));
+        });
+        const el = doc.documentElement;
+        if (!el)
+            return '';
+        // serialize back to string
+        const serializer = new XMLSerializer();
+        return serializer.serializeToString(el);
+    }
+    catch (e) {
+        // parsing failed; fall back to empty content to avoid injecting unsafe content
+        return '';
+    }
+}
+export const getTypography = (name) => `
+  font-family: var(--typography-${name}-font-family) !important;
+  font-size: var(--typography-${name}-font-size) !important;
+  font-weight: var(--typography-${name}-font-weight) !important;
+  line-height: var(--typography-${name}-line-height) !important;
+  letter-spacing: var(--typography-${name}-letter-spacing) !important;
+`;
+//# sourceMappingURL=utils.js.map

package/dist/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export async function createCacheFetch(name: string) {\n  let cache: Cache | null = null;\n  // This map tracks requests currently being processed\n  const inFlightRequests = new Map<string, Promise<string>>();\n\n  try {\n    cache = await window.caches.open(name);\n  } catch (e) {\n    console.warn('window.caches access not allowed');\n  }\n\n  return async (url: string): Promise<string> => {\n    // 1. Check if we are already fetching this URL\n    if (inFlightRequests.has(url)) {\n      // Return the existing promise instead of starting a new one\n      return inFlightRequests.get(url)!;\n    }\n\n    // 2. Create the main logic as a promise\n    const fetchPromise = (async () => {\n      const request = new Request(url);\n\n      // Check Cache first\n      if (cache) {\n        const cachedResponse = await cache.match(request);\n        if (cachedResponse) {\n          return await cachedResponse.text();\n        }\n      }\n\n      // Prepare network request\n      const urlObj = new URL(request.url);\n      const isSameOrigin = urlObj.origin === window.location.origin;\n\n      const response = await fetch(request.url, {\n        method: 'GET',\n        mode: isSameOrigin ? 'no-cors' : 'cors',\n        credentials: isSameOrigin ? 'same-origin' : 'omit',\n      });\n\n      // --- Handle 404 ---\n      if (response.status === 404) {\n        console.error(`[Fetch Error] Resource not found (404): ${url}`);\n        return ''; // Return empty string as requested\n      }\n\n      const result = await response.text();\n\n      // Update Cache if applicable\n      if (cache && response.status === 200) {\n        // We clone the response logic by creating a new Response with the text body\n        await cache.put(\n          request,\n          new Response(result, {\n            status: response.status,\n            statusText: response.statusText,\n            headers: response.headers,\n          }),\n        );\n      }\n\n      return result;\n    })();\n\n    // 3. Store the promise in the map\n    inFlightRequests.set(url, fetchPromise);\n\n    try {\n      // 4. Wait for the result\n      return await fetchPromise;\n    } finally {\n      // 5. Clean up: Remove the promise from the map when done\n      // This ensures subsequent calls (after this one finishes) can start fresh\n      inFlightRequests.delete(url);\n    }\n  };\n}\n\n// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes\nexport function sanitizeSvg(rawSvg: string) {\n  try {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(rawSvg, 'image/svg+xml');\n\n    // remove script tags\n    const scripts = Array.from(doc.querySelectorAll('script'));\n    scripts.forEach(n => n.remove());\n\n    // remove foreignObject and iframe-like elements\n    const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));\n    foreigns.forEach(n => n.remove());\n\n    // remove event handler attributes like onload, onclick, etc.\n    const all = Array.from(doc.querySelectorAll('*'));\n    all.forEach(el => {\n      const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));\n      attrs.forEach(a => el.removeAttribute(a.name));\n    });\n\n    const el = doc.documentElement;\n    if (!el) return '';\n\n    // serialize back to string\n    const serializer = new XMLSerializer();\n    return serializer.serializeToString(el);\n  } catch (e) {\n    // parsing failed; fall back to empty content to avoid injecting unsafe content\n    return '';\n  }\n}\n\nexport const getTypography = (name: string) => `\n  font-family: var(--typography-${name}-font-family) !important;\n  font-size: var(--typography-${name}-font-size) !important;\n  font-weight: var(--typography-${name}-font-weight) !important;\n  line-height: var(--typography-${name}-line-height) !important;\n  letter-spacing: var(--typography-${name}-letter-spacing) !important;\n`;\n"]}

package/dist/test/icon.test.d.ts

@@ -0,0 +1 @@
+import '../src/p-icon.js';

package/dist/test/icon.test.js

@@ -0,0 +1,14 @@
+import { html } from 'lit';
+import { fixture, expect } from '@open-wc/testing';
+import '../src/p-icon.js';
+describe('Icon', () => {
+    it('has a default name as home', async () => {
+        const el = await fixture(html `<p-icon></p-icon>`);
+        expect(el.name).to.equal('home');
+    });
+    it('passes the a11y audit', async () => {
+        const el = await fixture(html `<p-icon></p-icon>`);
+        await expect(el).shadowDom.to.be.accessible();
+    });
+});
+//# sourceMappingURL=icon.test.js.map

package/dist/test/icon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.test.js","sourceRoot":"","sources":["../../test/icon.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,kBAAkB,CAAC;AAE1B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAO,IAAI,CAAA,mBAAmB,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAO,IAAI,CAAA,mBAAmB,CAAC,CAAC;QACxD,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html } from 'lit';\nimport { fixture, expect } from '@open-wc/testing';\nimport { Icon } from '../src/index.js';\nimport '../src/p-icon.js';\n\ndescribe('Icon', () => {\n  it('has a default name as home', async () => {\n    const el = await fixture<Icon>(html`<p-icon></p-icon>`);\n    expect(el.name).to.equal('home');\n  });\n\n  it('passes the a11y audit', async () => {\n    const el = await fixture<Icon>(html`<p-icon></p-icon>`);\n    await expect(el).shadowDom.to.be.accessible();\n  });\n});\n"]}