joopjs 2.0.0

package/dist/theme/index.js

@@ -0,0 +1,169 @@
+'use strict';
+
+// src/events/index.ts
+var JoopSubject = class {
+  _listeners = [];
+  subscribe(listener) {
+    this._listeners.push(listener);
+    return () => {
+      this._listeners = this._listeners.filter((l) => l !== listener);
+    };
+  }
+  next(value) {
+    for (const listener of this._listeners) {
+      listener(value);
+    }
+  }
+  asObservable() {
+    return new JoopObservable((listener) => this.subscribe(listener));
+  }
+};
+var JoopBehaviorSubject = class extends JoopSubject {
+  _value;
+  constructor(initialValue) {
+    super();
+    this._value = initialValue;
+  }
+  getValue() {
+    return this._value;
+  }
+  next(value) {
+    this._value = value;
+    super.next(value);
+  }
+  subscribe(listener) {
+    listener(this._value);
+    return super.subscribe(listener);
+  }
+  asObservable() {
+    return new JoopObservable((listener) => this.subscribe(listener));
+  }
+};
+var JoopObservable = class {
+  constructor(_subscribeFn) {
+    this._subscribeFn = _subscribeFn;
+  }
+  _subscribeFn;
+  subscribe(listener) {
+    return this._subscribeFn(listener);
+  }
+  /** Returns the current value without subscribing (only meaningful for BehaviorSubject-backed observables). */
+  getOnce() {
+    let result;
+    const unsub = this.subscribe((v) => {
+      result = v;
+    });
+    unsub();
+    return result;
+  }
+};
+
+// src/theme/theme.service.ts
+var STYLE_TAG_ID = "__joop_theme__";
+var JoopThemeService = class {
+  _themes = [];
+  _active$ = new JoopBehaviorSubject("");
+  _id$ = new JoopBehaviorSubject(0);
+  async load(themesOrUrl) {
+    if (Array.isArray(themesOrUrl)) {
+      this._themes = themesOrUrl;
+    } else {
+      const res = await fetch(themesOrUrl);
+      this._themes = await res.json();
+    }
+    return this._themes;
+  }
+  getAll() {
+    return this._themes;
+  }
+  getDefault() {
+    return this._themes.find((t) => t.isDefault) ?? this._themes[0];
+  }
+  getByName(name) {
+    return this._themes.find((t) => t.themeName === name);
+  }
+  getById(id) {
+    return this._themes.find((t) => t.id === id);
+  }
+  getMapped() {
+    return this._themes.map((t) => ({
+      id: t.id,
+      themeName: t.themeName,
+      primary: t.palettes.find((p) => p.name === "Primary")?.baseColor ?? ""
+    }));
+  }
+  /** Inject a theme's palette as CSS custom properties on :root */
+  apply(theme) {
+    const resolved = typeof theme === "string" ? this.getByName(theme) : theme;
+    if (!resolved) return;
+    const vars = this._buildCssVars(resolved);
+    this._injectStyles(vars);
+    this._active$.next(resolved.themeName);
+    this._id$.next(resolved.id);
+  }
+  applyById(id) {
+    const theme = this.getById(id);
+    if (theme) this.apply(theme);
+  }
+  applyDefault() {
+    const theme = this.getDefault();
+    if (theme) this.apply(theme);
+  }
+  /** Apply arbitrary CSS custom properties to :root */
+  applyVars(vars) {
+    const css = Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+    this._injectStyles(`
+${css}
+`);
+  }
+  getActiveName() {
+    return this._active$.getValue();
+  }
+  getActiveId() {
+    return this._id$.getValue();
+  }
+  active$() {
+    return this._active$.asObservable();
+  }
+  activeId$() {
+    return this._id$.asObservable();
+  }
+  clearStyles() {
+    document.getElementById(STYLE_TAG_ID)?.remove();
+  }
+  _buildCssVars(theme) {
+    const lines = [];
+    for (const palette of theme.palettes) {
+      const p = palette.prefix ?? palette.name.toLowerCase().slice(0, 2);
+      if (palette.baseColor) {
+        lines.push(`  --joop-${p}: ${palette.baseColor};`);
+      }
+      for (const color of palette.colors) {
+        lines.push(`  --joop-${p}-${color.name}: ${color.value};`);
+        if (color.contrastText) {
+          const cp = palette.contrastPrefix ?? `${p}-c`;
+          lines.push(`  --joop-${cp}-${color.name}: ${color.contrastText};`);
+        }
+      }
+    }
+    if (theme.fontFamily) lines.push(`  --joop-font-family: ${theme.fontFamily};`);
+    if (theme.fontSize) lines.push(`  --joop-font-size: ${theme.fontSize};`);
+    return lines.join("\n");
+  }
+  _injectStyles(vars) {
+    if (typeof document === "undefined") return;
+    let tag = document.getElementById(STYLE_TAG_ID);
+    if (!tag) {
+      tag = document.createElement("style");
+      tag.id = STYLE_TAG_ID;
+      document.head.appendChild(tag);
+    }
+    tag.textContent = `:root {
+${vars}
+}`;
+  }
+};
+
+exports.JoopThemeService = JoopThemeService;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/events/index.ts","../../src/theme/theme.service.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export type Unsubscribe = () => void;\nexport type Listener<T> = (value: T) => void;\n\n/**\n * Lightweight pub/sub subject — emits to all current subscribers.\n * Replaces RxJS Subject without pulling in the full RxJS dependency.\n */\nexport class JoopSubject<T> {\n  private _listeners: Listener<T>[] = [];\n\n  subscribe(listener: Listener<T>): Unsubscribe {\n    this._listeners.push(listener);\n    return () => {\n      this._listeners = this._listeners.filter(l => l !== listener);\n    };\n  }\n\n  next(value: T): void {\n    for (const listener of this._listeners) {\n      listener(value);\n    }\n  }\n\n  asObservable(): JoopObservable<T> {\n    return new JoopObservable<T>(listener => this.subscribe(listener));\n  }\n}\n\n/**\n * Stateful subject — replays the current value to any new subscriber immediately.\n * Replaces RxJS BehaviorSubject.\n */\nexport class JoopBehaviorSubject<T> extends JoopSubject<T> {\n  private _value: T;\n\n  constructor(initialValue: T) {\n    super();\n    this._value = initialValue;\n  }\n\n  getValue(): T {\n    return this._value;\n  }\n\n  override next(value: T): void {\n    this._value = value;\n    super.next(value);\n  }\n\n  override subscribe(listener: Listener<T>): Unsubscribe {\n    listener(this._value);\n    return super.subscribe(listener);\n  }\n\n  override asObservable(): JoopObservable<T> {\n    return new JoopObservable<T>(listener => this.subscribe(listener));\n  }\n}\n\n/**\n * Read-only observable handle returned from asObservable().\n */\nexport class JoopObservable<T> {\n  constructor(private _subscribeFn: (listener: Listener<T>) => Unsubscribe) {}\n\n  subscribe(listener: Listener<T>): Unsubscribe {\n    return this._subscribeFn(listener);\n  }\n\n  /** Returns the current value without subscribing (only meaningful for BehaviorSubject-backed observables). */\n  getOnce(): T | undefined {\n    let result: T | undefined;\n    const unsub = this.subscribe(v => { result = v; });\n    unsub();\n    return result;\n  }\n}\n","import { JoopBehaviorSubject } from '../events';\n\nexport interface JoopThemeColor {\n  name: string;\n  value: string;\n  contrastText?: string;\n}\n\nexport interface JoopThemePalette {\n  name: string;\n  prefix: string;\n  contrastPrefix?: string;\n  baseColor?: string;\n  colors: JoopThemeColor[];\n}\n\nexport interface JoopTheme {\n  id: number;\n  themeName: string;\n  palettes: JoopThemePalette[];\n  isDefault?: boolean;\n  fontFamily?: string;\n  fontSize?: string;\n}\n\nexport interface JoopThemeInfo {\n  id: number;\n  themeName: string;\n  primary: string;\n}\n\nconst STYLE_TAG_ID = '__joop_theme__';\n\nexport class JoopThemeService {\n  private _themes: JoopTheme[] = [];\n  private _active$ = new JoopBehaviorSubject<string>('');\n  private _id$ = new JoopBehaviorSubject<number>(0);\n\n  async load(themesOrUrl: JoopTheme[] | string): Promise<JoopTheme[]> {\n    if (Array.isArray(themesOrUrl)) {\n      this._themes = themesOrUrl;\n    } else {\n      const res = await fetch(themesOrUrl);\n      this._themes = await res.json();\n    }\n    return this._themes;\n  }\n\n  getAll(): JoopTheme[] { return this._themes; }\n\n  getDefault(): JoopTheme | undefined {\n    return this._themes.find(t => t.isDefault) ?? this._themes[0];\n  }\n\n  getByName(name: string): JoopTheme | undefined {\n    return this._themes.find(t => t.themeName === name);\n  }\n\n  getById(id: number): JoopTheme | undefined {\n    return this._themes.find(t => t.id === id);\n  }\n\n  getMapped(): JoopThemeInfo[] {\n    return this._themes.map(t => ({\n      id: t.id,\n      themeName: t.themeName,\n      primary: t.palettes.find(p => p.name === 'Primary')?.baseColor ?? '',\n    }));\n  }\n\n  /** Inject a theme's palette as CSS custom properties on :root */\n  apply(theme: JoopTheme | string): void {\n    const resolved = typeof theme === 'string' ? this.getByName(theme) : theme;\n    if (!resolved) return;\n\n    const vars = this._buildCssVars(resolved);\n    this._injectStyles(vars);\n    this._active$.next(resolved.themeName);\n    this._id$.next(resolved.id);\n  }\n\n  applyById(id: number): void {\n    const theme = this.getById(id);\n    if (theme) this.apply(theme);\n  }\n\n  applyDefault(): void {\n    const theme = this.getDefault();\n    if (theme) this.apply(theme);\n  }\n\n  /** Apply arbitrary CSS custom properties to :root */\n  applyVars(vars: Record<string, string>): void {\n    const css = Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join('\\n');\n    this._injectStyles(`\\n${css}\\n`);\n  }\n\n  getActiveName(): string { return this._active$.getValue(); }\n  getActiveId(): number { return this._id$.getValue(); }\n  active$() { return this._active$.asObservable(); }\n  activeId$() { return this._id$.asObservable(); }\n\n  clearStyles(): void {\n    document.getElementById(STYLE_TAG_ID)?.remove();\n  }\n\n  private _buildCssVars(theme: JoopTheme): string {\n    const lines: string[] = [];\n    for (const palette of theme.palettes) {\n      const p = palette.prefix ?? palette.name.toLowerCase().slice(0, 2);\n      if (palette.baseColor) {\n        lines.push(`  --joop-${p}: ${palette.baseColor};`);\n      }\n      for (const color of palette.colors) {\n        lines.push(`  --joop-${p}-${color.name}: ${color.value};`);\n        if (color.contrastText) {\n          const cp = palette.contrastPrefix ?? `${p}-c`;\n          lines.push(`  --joop-${cp}-${color.name}: ${color.contrastText};`);\n        }\n      }\n    }\n    if (theme.fontFamily) lines.push(`  --joop-font-family: ${theme.fontFamily};`);\n    if (theme.fontSize) lines.push(`  --joop-font-size: ${theme.fontSize};`);\n    return lines.join('\\n');\n  }\n\n  private _injectStyles(vars: string): void {\n    if (typeof document === 'undefined') return;\n    let tag = document.getElementById(STYLE_TAG_ID) as HTMLStyleElement | null;\n    if (!tag) {\n      tag = document.createElement('style');\n      tag.id = STYLE_TAG_ID;\n      document.head.appendChild(tag);\n    }\n    tag.textContent = `:root {\\n${vars}\\n}`;\n  }\n}\n"]}

package/dist/theme/index.mjs

@@ -0,0 +1,167 @@
+// src/events/index.ts
+var JoopSubject = class {
+  _listeners = [];
+  subscribe(listener) {
+    this._listeners.push(listener);
+    return () => {
+      this._listeners = this._listeners.filter((l) => l !== listener);
+    };
+  }
+  next(value) {
+    for (const listener of this._listeners) {
+      listener(value);
+    }
+  }
+  asObservable() {
+    return new JoopObservable((listener) => this.subscribe(listener));
+  }
+};
+var JoopBehaviorSubject = class extends JoopSubject {
+  _value;
+  constructor(initialValue) {
+    super();
+    this._value = initialValue;
+  }
+  getValue() {
+    return this._value;
+  }
+  next(value) {
+    this._value = value;
+    super.next(value);
+  }
+  subscribe(listener) {
+    listener(this._value);
+    return super.subscribe(listener);
+  }
+  asObservable() {
+    return new JoopObservable((listener) => this.subscribe(listener));
+  }
+};
+var JoopObservable = class {
+  constructor(_subscribeFn) {
+    this._subscribeFn = _subscribeFn;
+  }
+  _subscribeFn;
+  subscribe(listener) {
+    return this._subscribeFn(listener);
+  }
+  /** Returns the current value without subscribing (only meaningful for BehaviorSubject-backed observables). */
+  getOnce() {
+    let result;
+    const unsub = this.subscribe((v) => {
+      result = v;
+    });
+    unsub();
+    return result;
+  }
+};
+
+// src/theme/theme.service.ts
+var STYLE_TAG_ID = "__joop_theme__";
+var JoopThemeService = class {
+  _themes = [];
+  _active$ = new JoopBehaviorSubject("");
+  _id$ = new JoopBehaviorSubject(0);
+  async load(themesOrUrl) {
+    if (Array.isArray(themesOrUrl)) {
+      this._themes = themesOrUrl;
+    } else {
+      const res = await fetch(themesOrUrl);
+      this._themes = await res.json();
+    }
+    return this._themes;
+  }
+  getAll() {
+    return this._themes;
+  }
+  getDefault() {
+    return this._themes.find((t) => t.isDefault) ?? this._themes[0];
+  }
+  getByName(name) {
+    return this._themes.find((t) => t.themeName === name);
+  }
+  getById(id) {
+    return this._themes.find((t) => t.id === id);
+  }
+  getMapped() {
+    return this._themes.map((t) => ({
+      id: t.id,
+      themeName: t.themeName,
+      primary: t.palettes.find((p) => p.name === "Primary")?.baseColor ?? ""
+    }));
+  }
+  /** Inject a theme's palette as CSS custom properties on :root */
+  apply(theme) {
+    const resolved = typeof theme === "string" ? this.getByName(theme) : theme;
+    if (!resolved) return;
+    const vars = this._buildCssVars(resolved);
+    this._injectStyles(vars);
+    this._active$.next(resolved.themeName);
+    this._id$.next(resolved.id);
+  }
+  applyById(id) {
+    const theme = this.getById(id);
+    if (theme) this.apply(theme);
+  }
+  applyDefault() {
+    const theme = this.getDefault();
+    if (theme) this.apply(theme);
+  }
+  /** Apply arbitrary CSS custom properties to :root */
+  applyVars(vars) {
+    const css = Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+    this._injectStyles(`
+${css}
+`);
+  }
+  getActiveName() {
+    return this._active$.getValue();
+  }
+  getActiveId() {
+    return this._id$.getValue();
+  }
+  active$() {
+    return this._active$.asObservable();
+  }
+  activeId$() {
+    return this._id$.asObservable();
+  }
+  clearStyles() {
+    document.getElementById(STYLE_TAG_ID)?.remove();
+  }
+  _buildCssVars(theme) {
+    const lines = [];
+    for (const palette of theme.palettes) {
+      const p = palette.prefix ?? palette.name.toLowerCase().slice(0, 2);
+      if (palette.baseColor) {
+        lines.push(`  --joop-${p}: ${palette.baseColor};`);
+      }
+      for (const color of palette.colors) {
+        lines.push(`  --joop-${p}-${color.name}: ${color.value};`);
+        if (color.contrastText) {
+          const cp = palette.contrastPrefix ?? `${p}-c`;
+          lines.push(`  --joop-${cp}-${color.name}: ${color.contrastText};`);
+        }
+      }
+    }
+    if (theme.fontFamily) lines.push(`  --joop-font-family: ${theme.fontFamily};`);
+    if (theme.fontSize) lines.push(`  --joop-font-size: ${theme.fontSize};`);
+    return lines.join("\n");
+  }
+  _injectStyles(vars) {
+    if (typeof document === "undefined") return;
+    let tag = document.getElementById(STYLE_TAG_ID);
+    if (!tag) {
+      tag = document.createElement("style");
+      tag.id = STYLE_TAG_ID;
+      document.head.appendChild(tag);
+    }
+    tag.textContent = `:root {
+${vars}
+}`;
+  }
+};
+
+export { JoopThemeService };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/theme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/events/index.ts","../../src/theme/theme.service.ts"],"names":[],"mappings":";AAOO,IAAM,cAAN,MAAqB;AAAA,EAClB,aAA4B,EAAC;AAAA,EAErC,UAAU,QAAA,EAAoC;AAC5C,IAAA,IAAA,CAAK,UAAA,CAAW,KAAK,QAAQ,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,aAAa,IAAA,CAAK,UAAA,CAAW,MAAA,CAAO,CAAA,CAAA,KAAK,MAAM,QAAQ,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF;AAAA,EAEA,KAAK,KAAA,EAAgB;AACnB,IAAA,KAAA,MAAW,QAAA,IAAY,KAAK,UAAA,EAAY;AACtC,MAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,YAAA,GAAkC;AAChC,IAAA,OAAO,IAAI,cAAA,CAAkB,CAAA,QAAA,KAAY,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,EACnE;AACF,CAAA;AAMO,IAAM,mBAAA,GAAN,cAAqC,WAAA,CAAe;AAAA,EACjD,MAAA;AAAA,EAER,YAAY,YAAA,EAAiB;AAC3B,IAAA,KAAA,EAAM;AACN,IAAA,IAAA,CAAK,MAAA,GAAS,YAAA;AAAA,EAChB;AAAA,EAEA,QAAA,GAAc;AACZ,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,EACd;AAAA,EAES,KAAK,KAAA,EAAgB;AAC5B,IAAA,IAAA,CAAK,MAAA,GAAS,KAAA;AACd,IAAA,KAAA,CAAM,KAAK,KAAK,CAAA;AAAA,EAClB;AAAA,EAES,UAAU,QAAA,EAAoC;AACrD,IAAA,QAAA,CAAS,KAAK,MAAM,CAAA;AACpB,IAAA,OAAO,KAAA,CAAM,UAAU,QAAQ,CAAA;AAAA,EACjC;AAAA,EAES,YAAA,GAAkC;AACzC,IAAA,OAAO,IAAI,cAAA,CAAkB,CAAA,QAAA,KAAY,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,EACnE;AACF,CAAA;AAKO,IAAM,iBAAN,MAAwB;AAAA,EAC7B,YAAoB,YAAA,EAAsD;AAAtD,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA;AAAA,EAAuD;AAAA,EAAvD,YAAA;AAAA,EAEpB,UAAU,QAAA,EAAoC;AAC5C,IAAA,OAAO,IAAA,CAAK,aAAa,QAAQ,CAAA;AAAA,EACnC;AAAA;AAAA,EAGA,OAAA,GAAyB;AACvB,IAAA,IAAI,MAAA;AACJ,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,SAAA,CAAU,CAAA,CAAA,KAAK;AAAE,MAAA,MAAA,GAAS,CAAA;AAAA,IAAG,CAAC,CAAA;AACjD,IAAA,KAAA,EAAM;AACN,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;;;AC7CA,IAAM,YAAA,GAAe,gBAAA;AAEd,IAAM,mBAAN,MAAuB;AAAA,EACpB,UAAuB,EAAC;AAAA,EACxB,QAAA,GAAW,IAAI,mBAAA,CAA4B,EAAE,CAAA;AAAA,EAC7C,IAAA,GAAO,IAAI,mBAAA,CAA4B,CAAC,CAAA;AAAA,EAEhD,MAAM,KAAK,WAAA,EAAyD;AAClE,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AAC9B,MAAA,IAAA,CAAK,OAAA,GAAU,WAAA;AAAA,IACjB,CAAA,MAAO;AACL,MAAA,MAAM,GAAA,GAAM,MAAM,KAAA,CAAM,WAAW,CAAA;AACnC,MAAA,IAAA,CAAK,OAAA,GAAU,MAAM,GAAA,CAAI,IAAA,EAAK;AAAA,IAChC;AACA,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EACd;AAAA,EAEA,MAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAAS;AAAA,EAE7C,UAAA,GAAoC;AAClC,IAAA,OAAO,IAAA,CAAK,QAAQ,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,SAAS,CAAA,IAAK,IAAA,CAAK,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC9D;AAAA,EAEA,UAAU,IAAA,EAAqC;AAC7C,IAAA,OAAO,KAAK,OAAA,CAAQ,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,cAAc,IAAI,CAAA;AAAA,EACpD;AAAA,EAEA,QAAQ,EAAA,EAAmC;AACzC,IAAA,OAAO,KAAK,OAAA,CAAQ,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,OAAO,EAAE,CAAA;AAAA,EAC3C;AAAA,EAEA,SAAA,GAA6B;AAC3B,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAA,CAAA,MAAM;AAAA,MAC5B,IAAI,CAAA,CAAE,EAAA;AAAA,MACN,WAAW,CAAA,CAAE,SAAA;AAAA,MACb,OAAA,EAAS,EAAE,QAAA,CAAS,IAAA,CAAK,OAAK,CAAA,CAAE,IAAA,KAAS,SAAS,CAAA,EAAG,SAAA,IAAa;AAAA,KACpE,CAAE,CAAA;AAAA,EACJ;AAAA;AAAA,EAGA,MAAM,KAAA,EAAiC;AACrC,IAAA,MAAM,WAAW,OAAO,KAAA,KAAU,WAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,KAAA;AACrE,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,aAAA,CAAc,QAAQ,CAAA;AACxC,IAAA,IAAA,CAAK,cAAc,IAAI,CAAA;AACvB,IAAA,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,SAAS,CAAA;AACrC,IAAA,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,QAAA,CAAS,EAAE,CAAA;AAAA,EAC5B;AAAA,EAEA,UAAU,EAAA,EAAkB;AAC1B,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,CAAQ,EAAE,CAAA;AAC7B,IAAA,IAAI,KAAA,EAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAA;AAAA,EAC7B;AAAA,EAEA,YAAA,GAAqB;AACnB,IAAA,MAAM,KAAA,GAAQ,KAAK,UAAA,EAAW;AAC9B,IAAA,IAAI,KAAA,EAAO,IAAA,CAAK,KAAA,CAAM,KAAK,CAAA;AAAA,EAC7B;AAAA;AAAA,EAGA,UAAU,IAAA,EAAoC;AAC5C,IAAA,MAAM,MAAM,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM,KAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,CAAA,CAAG,CAAA,CAAE,KAAK,IAAI,CAAA;AAC3E,IAAA,IAAA,CAAK,aAAA,CAAc;AAAA,EAAK,GAAG;AAAA,CAAI,CAAA;AAAA,EACjC;AAAA,EAEA,aAAA,GAAwB;AAAE,IAAA,OAAO,IAAA,CAAK,SAAS,QAAA,EAAS;AAAA,EAAG;AAAA,EAC3D,WAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,KAAK,QAAA,EAAS;AAAA,EAAG;AAAA,EACrD,OAAA,GAAU;AAAE,IAAA,OAAO,IAAA,CAAK,SAAS,YAAA,EAAa;AAAA,EAAG;AAAA,EACjD,SAAA,GAAY;AAAE,IAAA,OAAO,IAAA,CAAK,KAAK,YAAA,EAAa;AAAA,EAAG;AAAA,EAE/C,WAAA,GAAoB;AAClB,IAAA,QAAA,CAAS,cAAA,CAAe,YAAY,CAAA,EAAG,MAAA,EAAO;AAAA,EAChD;AAAA,EAEQ,cAAc,KAAA,EAA0B;AAC9C,IAAA,MAAM,QAAkB,EAAC;AACzB,IAAA,KAAA,MAAW,OAAA,IAAW,MAAM,QAAA,EAAU;AACpC,MAAA,MAAM,CAAA,GAAI,QAAQ,MAAA,IAAU,OAAA,CAAQ,KAAK,WAAA,EAAY,CAAE,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AACjE,MAAA,IAAI,QAAQ,SAAA,EAAW;AACrB,QAAA,KAAA,CAAM,KAAK,CAAA,SAAA,EAAY,CAAC,CAAA,EAAA,EAAK,OAAA,CAAQ,SAAS,CAAA,CAAA,CAAG,CAAA;AAAA,MACnD;AACA,MAAA,KAAA,MAAW,KAAA,IAAS,QAAQ,MAAA,EAAQ;AAClC,QAAA,KAAA,CAAM,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA,EAAI,MAAM,IAAI,CAAA,EAAA,EAAK,KAAA,CAAM,KAAK,CAAA,CAAA,CAAG,CAAA;AACzD,QAAA,IAAI,MAAM,YAAA,EAAc;AACtB,UAAA,MAAM,EAAA,GAAK,OAAA,CAAQ,cAAA,IAAkB,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA;AACzC,UAAA,KAAA,CAAM,IAAA,CAAK,YAAY,EAAE,CAAA,CAAA,EAAI,MAAM,IAAI,CAAA,EAAA,EAAK,KAAA,CAAM,YAAY,CAAA,CAAA,CAAG,CAAA;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,MAAM,UAAA,EAAY,KAAA,CAAM,KAAK,CAAA,sBAAA,EAAyB,KAAA,CAAM,UAAU,CAAA,CAAA,CAAG,CAAA;AAC7E,IAAA,IAAI,MAAM,QAAA,EAAU,KAAA,CAAM,KAAK,CAAA,oBAAA,EAAuB,KAAA,CAAM,QAAQ,CAAA,CAAA,CAAG,CAAA;AACvE,IAAA,OAAO,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,EACxB;AAAA,EAEQ,cAAc,IAAA,EAAoB;AACxC,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,IAAA,IAAI,GAAA,GAAM,QAAA,CAAS,cAAA,CAAe,YAAY,CAAA;AAC9C,IAAA,IAAI,CAAC,GAAA,EAAK;AACR,MAAA,GAAA,GAAM,QAAA,CAAS,cAAc,OAAO,CAAA;AACpC,MAAA,GAAA,CAAI,EAAA,GAAK,YAAA;AACT,MAAA,QAAA,CAAS,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,IAC/B;AACA,IAAA,GAAA,CAAI,WAAA,GAAc,CAAA;AAAA,EAAY,IAAI;AAAA,CAAA,CAAA;AAAA,EACpC;AACF","file":"index.mjs","sourcesContent":["export type Unsubscribe = () => void;\nexport type Listener<T> = (value: T) => void;\n\n/**\n * Lightweight pub/sub subject — emits to all current subscribers.\n * Replaces RxJS Subject without pulling in the full RxJS dependency.\n */\nexport class JoopSubject<T> {\n  private _listeners: Listener<T>[] = [];\n\n  subscribe(listener: Listener<T>): Unsubscribe {\n    this._listeners.push(listener);\n    return () => {\n      this._listeners = this._listeners.filter(l => l !== listener);\n    };\n  }\n\n  next(value: T): void {\n    for (const listener of this._listeners) {\n      listener(value);\n    }\n  }\n\n  asObservable(): JoopObservable<T> {\n    return new JoopObservable<T>(listener => this.subscribe(listener));\n  }\n}\n\n/**\n * Stateful subject — replays the current value to any new subscriber immediately.\n * Replaces RxJS BehaviorSubject.\n */\nexport class JoopBehaviorSubject<T> extends JoopSubject<T> {\n  private _value: T;\n\n  constructor(initialValue: T) {\n    super();\n    this._value = initialValue;\n  }\n\n  getValue(): T {\n    return this._value;\n  }\n\n  override next(value: T): void {\n    this._value = value;\n    super.next(value);\n  }\n\n  override subscribe(listener: Listener<T>): Unsubscribe {\n    listener(this._value);\n    return super.subscribe(listener);\n  }\n\n  override asObservable(): JoopObservable<T> {\n    return new JoopObservable<T>(listener => this.subscribe(listener));\n  }\n}\n\n/**\n * Read-only observable handle returned from asObservable().\n */\nexport class JoopObservable<T> {\n  constructor(private _subscribeFn: (listener: Listener<T>) => Unsubscribe) {}\n\n  subscribe(listener: Listener<T>): Unsubscribe {\n    return this._subscribeFn(listener);\n  }\n\n  /** Returns the current value without subscribing (only meaningful for BehaviorSubject-backed observables). */\n  getOnce(): T | undefined {\n    let result: T | undefined;\n    const unsub = this.subscribe(v => { result = v; });\n    unsub();\n    return result;\n  }\n}\n","import { JoopBehaviorSubject } from '../events';\n\nexport interface JoopThemeColor {\n  name: string;\n  value: string;\n  contrastText?: string;\n}\n\nexport interface JoopThemePalette {\n  name: string;\n  prefix: string;\n  contrastPrefix?: string;\n  baseColor?: string;\n  colors: JoopThemeColor[];\n}\n\nexport interface JoopTheme {\n  id: number;\n  themeName: string;\n  palettes: JoopThemePalette[];\n  isDefault?: boolean;\n  fontFamily?: string;\n  fontSize?: string;\n}\n\nexport interface JoopThemeInfo {\n  id: number;\n  themeName: string;\n  primary: string;\n}\n\nconst STYLE_TAG_ID = '__joop_theme__';\n\nexport class JoopThemeService {\n  private _themes: JoopTheme[] = [];\n  private _active$ = new JoopBehaviorSubject<string>('');\n  private _id$ = new JoopBehaviorSubject<number>(0);\n\n  async load(themesOrUrl: JoopTheme[] | string): Promise<JoopTheme[]> {\n    if (Array.isArray(themesOrUrl)) {\n      this._themes = themesOrUrl;\n    } else {\n      const res = await fetch(themesOrUrl);\n      this._themes = await res.json();\n    }\n    return this._themes;\n  }\n\n  getAll(): JoopTheme[] { return this._themes; }\n\n  getDefault(): JoopTheme | undefined {\n    return this._themes.find(t => t.isDefault) ?? this._themes[0];\n  }\n\n  getByName(name: string): JoopTheme | undefined {\n    return this._themes.find(t => t.themeName === name);\n  }\n\n  getById(id: number): JoopTheme | undefined {\n    return this._themes.find(t => t.id === id);\n  }\n\n  getMapped(): JoopThemeInfo[] {\n    return this._themes.map(t => ({\n      id: t.id,\n      themeName: t.themeName,\n      primary: t.palettes.find(p => p.name === 'Primary')?.baseColor ?? '',\n    }));\n  }\n\n  /** Inject a theme's palette as CSS custom properties on :root */\n  apply(theme: JoopTheme | string): void {\n    const resolved = typeof theme === 'string' ? this.getByName(theme) : theme;\n    if (!resolved) return;\n\n    const vars = this._buildCssVars(resolved);\n    this._injectStyles(vars);\n    this._active$.next(resolved.themeName);\n    this._id$.next(resolved.id);\n  }\n\n  applyById(id: number): void {\n    const theme = this.getById(id);\n    if (theme) this.apply(theme);\n  }\n\n  applyDefault(): void {\n    const theme = this.getDefault();\n    if (theme) this.apply(theme);\n  }\n\n  /** Apply arbitrary CSS custom properties to :root */\n  applyVars(vars: Record<string, string>): void {\n    const css = Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join('\\n');\n    this._injectStyles(`\\n${css}\\n`);\n  }\n\n  getActiveName(): string { return this._active$.getValue(); }\n  getActiveId(): number { return this._id$.getValue(); }\n  active$() { return this._active$.asObservable(); }\n  activeId$() { return this._id$.asObservable(); }\n\n  clearStyles(): void {\n    document.getElementById(STYLE_TAG_ID)?.remove();\n  }\n\n  private _buildCssVars(theme: JoopTheme): string {\n    const lines: string[] = [];\n    for (const palette of theme.palettes) {\n      const p = palette.prefix ?? palette.name.toLowerCase().slice(0, 2);\n      if (palette.baseColor) {\n        lines.push(`  --joop-${p}: ${palette.baseColor};`);\n      }\n      for (const color of palette.colors) {\n        lines.push(`  --joop-${p}-${color.name}: ${color.value};`);\n        if (color.contrastText) {\n          const cp = palette.contrastPrefix ?? `${p}-c`;\n          lines.push(`  --joop-${cp}-${color.name}: ${color.contrastText};`);\n        }\n      }\n    }\n    if (theme.fontFamily) lines.push(`  --joop-font-family: ${theme.fontFamily};`);\n    if (theme.fontSize) lines.push(`  --joop-font-size: ${theme.fontSize};`);\n    return lines.join('\\n');\n  }\n\n  private _injectStyles(vars: string): void {\n    if (typeof document === 'undefined') return;\n    let tag = document.getElementById(STYLE_TAG_ID) as HTMLStyleElement | null;\n    if (!tag) {\n      tag = document.createElement('style');\n      tag.id = STYLE_TAG_ID;\n      document.head.appendChild(tag);\n    }\n    tag.textContent = `:root {\\n${vars}\\n}`;\n  }\n}\n"]}

package/dist/ui/index.d.mts

@@ -0,0 +1,66 @@
+export { d as JoopA11yService, a as JoopAlertService, e as JoopAlertType, f as JoopAriaLivePoliteness, g as JoopDialogButton, h as JoopDialogOptions, i as JoopFocusTrapOptions, j as JoopInlineAlert, k as JoopLoaderConfig, J as JoopLoaderService, l as JoopPageState, b as JoopPaginationService, n as JoopPrintOptions, c as JoopPrintService, m as JoopToastOptions } from '../a11y.service-C-DQQfgO.mjs';
+import '../index-Dz0gOur2.mjs';
+
+interface JoopVirtualScrollOptions {
+    itemHeight: number;
+    overscan?: number;
+}
+interface JoopVirtualRange {
+    start: number;
+    end: number;
+    offsetTop: number;
+}
+type JoopRenderFn<T> = (item: T, index: number) => HTMLElement;
+declare class JoopVirtualScroll<T = unknown> {
+    private _container;
+    private _items;
+    private _renderFn;
+    private _opts;
+    private _scrollListener;
+    private _rangeHandlers;
+    private _innerEl;
+    private _spacerTop;
+    private _spacerBottom;
+    private _rendered;
+    private _lastRange;
+    attach(container: HTMLElement, items: T[], renderFn: JoopRenderFn<T>, opts?: Partial<JoopVirtualScrollOptions>): void;
+    detach(): void;
+    updateItems(items: T[]): void;
+    scrollTo(index: number): void;
+    getVisibleRange(): JoopVirtualRange;
+    onRangeChange(handler: (range: JoopVirtualRange) => void): () => void;
+    private _render;
+}
+
+type JoopKeyboardMode = 'pin' | 'amount' | 'otp' | 'numeric';
+interface JoopBankingKeyboardConfig {
+    mode?: JoopKeyboardMode;
+    scramble?: boolean;
+    haptic?: boolean;
+    maskInput?: boolean;
+    maxLength?: number;
+    theme?: 'light' | 'dark';
+}
+interface JoopBankingKeyboardOptions extends JoopBankingKeyboardConfig {
+    onInput?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    onClear?: () => void;
+}
+declare class JoopBankingKeyboard {
+    private _container;
+    private _value;
+    private readonly _config;
+    private readonly _opts;
+    constructor(opts?: JoopBankingKeyboardOptions);
+    render(container: HTMLElement): void;
+    getValue(): string;
+    clear(): void;
+    destroy(): void;
+    private _renderDisplay;
+    private _renderKeys;
+    private _makeKey;
+    private _makeSpacer;
+    private _refresh;
+}
+
+export { JoopBankingKeyboard, type JoopBankingKeyboardConfig, type JoopBankingKeyboardOptions, type JoopKeyboardMode, type JoopRenderFn, type JoopVirtualRange, JoopVirtualScroll, type JoopVirtualScrollOptions };

package/dist/ui/index.d.ts

@@ -0,0 +1,66 @@
+export { d as JoopA11yService, a as JoopAlertService, e as JoopAlertType, f as JoopAriaLivePoliteness, g as JoopDialogButton, h as JoopDialogOptions, i as JoopFocusTrapOptions, j as JoopInlineAlert, k as JoopLoaderConfig, J as JoopLoaderService, l as JoopPageState, b as JoopPaginationService, n as JoopPrintOptions, c as JoopPrintService, m as JoopToastOptions } from '../a11y.service-CauEJrJe.js';
+import '../index-Dz0gOur2.js';
+
+interface JoopVirtualScrollOptions {
+    itemHeight: number;
+    overscan?: number;
+}
+interface JoopVirtualRange {
+    start: number;
+    end: number;
+    offsetTop: number;
+}
+type JoopRenderFn<T> = (item: T, index: number) => HTMLElement;
+declare class JoopVirtualScroll<T = unknown> {
+    private _container;
+    private _items;
+    private _renderFn;
+    private _opts;
+    private _scrollListener;
+    private _rangeHandlers;
+    private _innerEl;
+    private _spacerTop;
+    private _spacerBottom;
+    private _rendered;
+    private _lastRange;
+    attach(container: HTMLElement, items: T[], renderFn: JoopRenderFn<T>, opts?: Partial<JoopVirtualScrollOptions>): void;
+    detach(): void;
+    updateItems(items: T[]): void;
+    scrollTo(index: number): void;
+    getVisibleRange(): JoopVirtualRange;
+    onRangeChange(handler: (range: JoopVirtualRange) => void): () => void;
+    private _render;
+}
+
+type JoopKeyboardMode = 'pin' | 'amount' | 'otp' | 'numeric';
+interface JoopBankingKeyboardConfig {
+    mode?: JoopKeyboardMode;
+    scramble?: boolean;
+    haptic?: boolean;
+    maskInput?: boolean;
+    maxLength?: number;
+    theme?: 'light' | 'dark';
+}
+interface JoopBankingKeyboardOptions extends JoopBankingKeyboardConfig {
+    onInput?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    onClear?: () => void;
+}
+declare class JoopBankingKeyboard {
+    private _container;
+    private _value;
+    private readonly _config;
+    private readonly _opts;
+    constructor(opts?: JoopBankingKeyboardOptions);
+    render(container: HTMLElement): void;
+    getValue(): string;
+    clear(): void;
+    destroy(): void;
+    private _renderDisplay;
+    private _renderKeys;
+    private _makeKey;
+    private _makeSpacer;
+    private _refresh;
+}
+
+export { JoopBankingKeyboard, type JoopBankingKeyboardConfig, type JoopBankingKeyboardOptions, type JoopKeyboardMode, type JoopRenderFn, type JoopVirtualRange, JoopVirtualScroll, type JoopVirtualScrollOptions };