@mhmo91/schmancy 0.10.18 → 0.10.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/agent/{flow-CvG1fLW5.js.map → flow-3RrZM-e7.js.map} +1 -1
- package/dist/agent/overlay.confirm-body-D3jQyXgA.js +2863 -0
- package/dist/agent/overlay.confirm-body-D3jQyXgA.js.map +1 -0
- package/dist/agent/{rolldown-runtime-DsMetpgY.js → rolldown-runtime-BIIoCavz.js} +9 -2
- package/dist/agent/schmancy.agent.js +3870 -5769
- package/dist/agent/schmancy.agent.js.map +1 -1
- package/dist/agent/{vendor-material-color-DcL7ZPxx.js.map → vendor-material-color-33Mj762T.js.map} +1 -1
- package/dist/{audio-D-TZzpXF.cjs → audio-Cvmemu84.cjs} +1 -1
- package/dist/{audio-D-TZzpXF.cjs.map → audio-Cvmemu84.cjs.map} +1 -1
- package/dist/{audio-DS43uoRA.js → audio-CxO5a2HL.js} +1 -1
- package/dist/{audio-DS43uoRA.js.map → audio-CxO5a2HL.js.map} +1 -1
- package/dist/audio.cjs +1 -1
- package/dist/audio.js +2 -2
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-cuoSkhGI.js → boat-CNWIQPA1.js} +1 -1
- package/dist/{boat-cuoSkhGI.js.map → boat-CNWIQPA1.js.map} +1 -1
- package/dist/{boat-DN1_tyvx.cjs → boat-OatK_MGh.cjs} +1 -1
- package/dist/{boat-DN1_tyvx.cjs.map → boat-OatK_MGh.cjs.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.js +1 -1
- package/dist/{chips-m2NPN480.js → chips-D1kJrbzo.js} +1 -1
- package/dist/{chips-m2NPN480.js.map → chips-D1kJrbzo.js.map} +1 -1
- package/dist/{chips-DSdvCpmi.cjs → chips-Dx_WvOGk.cjs} +1 -1
- package/dist/{chips-DSdvCpmi.cjs.map → chips-Dx_WvOGk.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/connectivity.cjs +1 -1
- package/dist/connectivity.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-D98QcCHl.js → date-range-Dv-DM6mB.js} +1 -1
- package/dist/{date-range-D98QcCHl.js.map → date-range-Dv-DM6mB.js.map} +1 -1
- package/dist/{date-range-DxS3Agbj.cjs → date-range-H903Vt_r.cjs} +1 -1
- package/dist/{date-range-DxS3Agbj.cjs.map → date-range-H903Vt_r.cjs.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/directives.cjs +1 -1
- package/dist/directives.js +1 -1
- package/dist/{float-B8NcSE3a.cjs → float-CfbQM_2v.cjs} +1 -1
- package/dist/{float-B8NcSE3a.cjs.map → float-CfbQM_2v.cjs.map} +1 -1
- package/dist/{float-C-glc-3u.js → float-KmbhaQHA.js} +1 -1
- package/dist/{float-C-glc-3u.js.map → float-KmbhaQHA.js.map} +1 -1
- package/dist/float.cjs +1 -1
- package/dist/float.js +1 -1
- package/dist/{form-DJvxIyfW.js → form-8IcmP8uV.js} +2 -2
- package/dist/{form-DJvxIyfW.js.map → form-8IcmP8uV.js.map} +1 -1
- package/dist/{form-St_IwR7y.cjs → form-CuBIrKOA.cjs} +1 -1
- package/dist/{form-St_IwR7y.cjs.map → form-CuBIrKOA.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +2 -2
- package/dist/handover/agent-runtime-followups.md +1 -1
- package/dist/handover/agent-runtime-v1.md +3 -3
- package/dist/index.cjs +1 -1
- package/dist/index.js +56 -53
- package/dist/json.cjs +1 -1
- package/dist/json.js +1 -1
- package/dist/{layout-Delq-QvR.cjs → layout-BbCIfIgo.cjs} +1 -1
- package/dist/{layout-Delq-QvR.cjs.map → layout-BbCIfIgo.cjs.map} +1 -1
- package/dist/{layout-BH28sKGc.js → layout-Dq2oeOTS.js} +1 -1
- package/dist/{layout-BH28sKGc.js.map → layout-Dq2oeOTS.js.map} +1 -1
- package/dist/{menu-Dag0cuWV.cjs → menu-BqKQ-s0C.cjs} +1 -1
- package/dist/{menu-Dag0cuWV.cjs.map → menu-BqKQ-s0C.cjs.map} +1 -1
- package/dist/{menu-B_-weNpZ.js → menu-C5ksITpG.js} +1 -1
- package/dist/{menu-B_-weNpZ.js.map → menu-C5ksITpG.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/{notification-yd2KeHjd.cjs → notification-DR3gvWt8.cjs} +1 -1
- package/dist/{notification-yd2KeHjd.cjs.map → notification-DR3gvWt8.cjs.map} +1 -1
- package/dist/{notification-DySnvQeO.js → notification-eZxtr3NN.js} +1 -1
- package/dist/{notification-DySnvQeO.js.map → notification-eZxtr3NN.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/overlay-DG6EeyKt.cjs +80 -0
- package/dist/overlay-DG6EeyKt.cjs.map +1 -0
- package/dist/overlay-oxM9OLXP.js +745 -0
- package/dist/overlay-oxM9OLXP.js.map +1 -0
- package/dist/overlay.cjs +1 -80
- package/dist/{overlay.confirm-body-sUmd_zVy.cjs.map → overlay.confirm-body-78e1WrN9.cjs.map} +1 -1
- package/dist/{overlay.confirm-body-DESGpbru.js.map → overlay.confirm-body-D_P2e7l6.js.map} +1 -1
- package/dist/overlay.js +5 -746
- package/dist/{overlay.service-DV_o_xQ0.js → overlay.service-C8NwO4Bx.js} +2 -2
- package/dist/{overlay.service-DV_o_xQ0.js.map → overlay.service-C8NwO4Bx.js.map} +1 -1
- package/dist/{overlay.service-BxtEFFSH.cjs → overlay.service-DQkGPUY7.cjs} +1 -1
- package/dist/{overlay.service-BxtEFFSH.cjs.map → overlay.service-DQkGPUY7.cjs.map} +1 -1
- package/dist/page.cjs +1 -1
- package/dist/page.js +2 -2
- package/dist/{rxjs-utils-Dv9T9IpA.js.map → rxjs-utils-Cs6XGwF6.js.map} +1 -1
- package/dist/{rxjs-utils-BKB2UM_j.cjs.map → rxjs-utils-Dsj75cJy.cjs.map} +1 -1
- package/dist/rxjs-utils.cjs +1 -1
- package/dist/rxjs-utils.js +1 -1
- package/dist/{sound.service-DyY78ukR.cjs → sound.service-DVJZb9ox.cjs} +1 -1
- package/dist/{sound.service-DyY78ukR.cjs.map → sound.service-DVJZb9ox.cjs.map} +1 -1
- package/dist/{sound.service-BIN2W7Rv.js → sound.service-v_jqCkos.js} +1 -1
- package/dist/{sound.service-BIN2W7Rv.js.map → sound.service-v_jqCkos.js.map} +1 -1
- package/dist/{splash-screen-25PTDqnp.cjs.map → splash-screen-BvaDkvJU.cjs.map} +1 -1
- package/dist/{splash-screen-bGW_sS4i.js.map → splash-screen-ChMkAPLU.js.map} +1 -1
- package/dist/splash-screen.cjs +1 -1
- package/dist/splash-screen.js +1 -1
- package/dist/{src-Blm9PNcf.cjs → src-BIlD63Cz.cjs} +1 -1
- package/dist/{src-Blm9PNcf.cjs.map → src-BIlD63Cz.cjs.map} +1 -1
- package/dist/{src-olrlFt4e.js → src-DnunCC4X.js} +18 -17
- package/dist/{src-olrlFt4e.js.map → src-DnunCC4X.js.map} +1 -1
- package/dist/{state-nm8yzMPp.js → state-CHbIt2Dw.js} +198 -202
- package/dist/{state-nm8yzMPp.js.map → state-CHbIt2Dw.js.map} +1 -1
- package/dist/state-DcGj-pJJ.cjs +1 -0
- package/dist/{state-avic94Ft.cjs.map → state-DcGj-pJJ.cjs.map} +1 -1
- package/dist/state.cjs +1 -1
- package/dist/state.js +1 -1
- package/dist/{tabs-BVC_qn8S.js.map → tabs-CkDNLbiS.js.map} +1 -1
- package/dist/{tabs-Dc3_Ox2B.cjs.map → tabs-lxQHWEb7.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{theme-DCybsrfv.cjs → theme-CMyXTDht.cjs} +1 -1
- package/dist/{theme-DCybsrfv.cjs.map → theme-CMyXTDht.cjs.map} +1 -1
- package/dist/{theme-BiCwFfCf.js → theme-CNWRYdfn.js} +2 -2
- package/dist/{theme-BiCwFfCf.js.map → theme-CNWRYdfn.js.map} +1 -1
- package/dist/{theme-button-DqiA0rJg.js.map → theme-button-CixloLin.js.map} +1 -1
- package/dist/{theme-button-cZGRyQRK.cjs.map → theme-button-kMhsX5Oe.cjs.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/theme.js +2 -2
- package/dist/{theme.service-BOWIT_5k.js → theme.service-CSzNkqBB.js} +1 -1
- package/dist/{theme.service-BOWIT_5k.js.map → theme.service-CSzNkqBB.js.map} +1 -1
- package/dist/{theme.service-DkdH1t60.cjs → theme.service-CnFUmUpc.cjs} +1 -1
- package/dist/{theme.service-DkdH1t60.cjs.map → theme.service-CnFUmUpc.cjs.map} +1 -1
- package/dist/{utils-D2QUu4-g.cjs.map → utils-C-Q8ePtG.cjs.map} +1 -1
- package/dist/{utils-Cj_nRRyx.js.map → utils-DXE5fBBd.js.map} +1 -1
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +1 -1
- package/dist/{window-DMy5Gsgu.js → window-BcvDNi9D.js} +1 -1
- package/dist/{window-DMy5Gsgu.js.map → window-BcvDNi9D.js.map} +1 -1
- package/dist/{window-BMecbTzs.cjs → window-qaGFMn_4.cjs} +1 -1
- package/dist/{window-BMecbTzs.cjs.map → window-qaGFMn_4.cjs.map} +1 -1
- package/dist/window.cjs +1 -1
- package/dist/window.js +1 -1
- package/package.json +1 -1
- package/src/index.ts +8 -0
- package/src/state/index.ts +31 -9
- package/types/src/index.d.ts +1 -0
- package/dist/overlay.cjs.map +0 -1
- package/dist/overlay.js.map +0 -1
- package/dist/state-avic94Ft.cjs +0 -1
- /package/dist/agent/{flow-CvG1fLW5.js → flow-3RrZM-e7.js} +0 -0
- /package/dist/agent/{vendor-material-color-DcL7ZPxx.js → vendor-material-color-33Mj762T.js} +0 -0
- /package/dist/{overlay.confirm-body-sUmd_zVy.cjs → overlay.confirm-body-78e1WrN9.cjs} +0 -0
- /package/dist/{overlay.confirm-body-DESGpbru.js → overlay.confirm-body-D_P2e7l6.js} +0 -0
- /package/dist/{rxjs-utils-Dv9T9IpA.js → rxjs-utils-Cs6XGwF6.js} +0 -0
- /package/dist/{rxjs-utils-BKB2UM_j.cjs → rxjs-utils-Dsj75cJy.cjs} +0 -0
- /package/dist/{splash-screen-25PTDqnp.cjs → splash-screen-BvaDkvJU.cjs} +0 -0
- /package/dist/{splash-screen-bGW_sS4i.js → splash-screen-ChMkAPLU.js} +0 -0
- /package/dist/{tabs-BVC_qn8S.js → tabs-CkDNLbiS.js} +0 -0
- /package/dist/{tabs-Dc3_Ox2B.cjs → tabs-lxQHWEb7.cjs} +0 -0
- /package/dist/{theme-button-DqiA0rJg.js → theme-button-CixloLin.js} +0 -0
- /package/dist/{theme-button-cZGRyQRK.cjs → theme-button-kMhsX5Oe.cjs} +0 -0
- /package/dist/{utils-D2QUu4-g.cjs → utils-C-Q8ePtG.cjs} +0 -0
- /package/dist/{utils-Cj_nRRyx.js → utils-DXE5fBBd.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-button-
|
|
1
|
+
{"version":3,"file":"theme-button-CixloLin.js","names":[],"sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends SchmancyElement {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards', // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out', // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"mappings":";;;;AAKe,IAAA,IAAA,cAAkC,EAAA;CAGhD,SAAA;EACC,OAAO,CAAI;;;GAOR,KAAK,MAAM,QAAQ,CAAC,EAAE,WAAW,gBAAA,EAAkB,EAAE,WAAW,kBAAA,CAAA,EAAqB,EACpF,UAAU,KAAA,CAAA;IAAA;;;;;;;;GAXd,EAAM,SAAA,CAAA,EAAS,EAAA,WAAA,SAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAFhB,EAAc,wBAAA,CAAA,EAAwB,EAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-button-
|
|
1
|
+
{"version":3,"file":"theme-button-kMhsX5Oe.cjs","names":[],"sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends SchmancyElement {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards', // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out', // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"mappings":"qKAKe,IAAA,EAAA,cAAkC,EAAA,CAAA,CAGhD,QAAA,CACC,MAAO,GAAA,IAAI;;kBAOR,KAAK,MAAM,QAAQ,CAAC,CAAE,UAAW,eAAA,CAAkB,CAAE,UAAW,iBAAA,CAAA,CAAqB,CACpF,SAAU,IAAA,CAAA,EAAA;;;;;uBAXR,SAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAFF,wBAAA,CAAA,CAAwB,EAAA"}
|
package/dist/theme-button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./theme-button-
|
|
1
|
+
require(`./theme-button-kMhsX5Oe.cjs`);
|
package/dist/theme-button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import "./theme-button-
|
|
1
|
+
import "./theme-button-CixloLin.js";
|
package/dist/theme.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./mixins-Du9HMrIG.cjs`),t=require(`./theme.service-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./mixins-Du9HMrIG.cjs`),t=require(`./theme.service-CnFUmUpc.cjs`),n=require(`./theme.interface-D4NeufQA.cjs`),r=require(`./theme-CMyXTDht.cjs`);exports.SchmancyGenerateMoodAudioEvent=r.n,exports.SchmancyTheme=n.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return r.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return r.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return r.t}}),exports.ThemeHereIAm=t.r,exports.ThemeWhereAreYou=t.i,exports.createDarkTonalPaletteFromBaseColor=r.s,exports.createLightTonalPaletteFromBaseColor=r.c,exports.formatTheme=r.l,exports.schmancyTheme=t.t,exports.tailwindStyles=r.o,exports.theme=t.n,exports.themeContext=e.f;
|
package/dist/theme.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { f as e } from "./mixins-DCVXqL1Q.js";
|
|
2
|
-
import { i as t, n, r, t as i } from "./theme.service-
|
|
2
|
+
import { i as t, n, r, t as i } from "./theme.service-CSzNkqBB.js";
|
|
3
3
|
import { t as a } from "./theme.interface-C2XNgsLB.js";
|
|
4
|
-
import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "./theme-
|
|
4
|
+
import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "./theme-CNWRYdfn.js";
|
|
5
5
|
export { u as SchmancyGenerateMoodAudioEvent, a as SchmancyTheme, f as SchmancyThemeAudioPlayer, o as SchmancyThemeComponent, c as SchmancyThemeController, m as SchmancyThemeControllerBoat, r as ThemeHereIAm, t as ThemeWhereAreYou, p as createDarkTonalPaletteFromBaseColor, s as createLightTonalPaletteFromBaseColor, l as formatTheme, i as schmancyTheme, d as tailwindStyles, n as theme, e as themeContext };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { o as e } from "./state-
|
|
1
|
+
import { o as e } from "./state-CHbIt2Dw.js";
|
|
2
2
|
import { BehaviorSubject as t, Observable as n, defaultIfEmpty as r, distinctUntilChanged as i, fromEvent as a, map as o, of as s, shareReplay as c, switchMap as l, takeUntil as u, tap as d, timer as f } from "rxjs";
|
|
3
3
|
var p = "theme-where-are-you", m = "theme-here-i-am", h = e("schmancy/theme").local({
|
|
4
4
|
scheme: "auto",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.service-BOWIT_5k.js","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n * new CustomEvent('theme-where-are-you', {\n * bubbles: true,\n * composed: true\n * })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n * const themeComponent = event.detail.theme\n * console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n BehaviorSubject,\n Observable,\n fromEvent,\n timer,\n map,\n takeUntil,\n defaultIfEmpty,\n distinctUntilChanged,\n shareReplay,\n tap,\n switchMap,\n of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n scheme: 'dark' | 'light' | 'auto'\n color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n scheme: 'auto',\n color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n * console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n * console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n private static instance: ThemeService\n\n // Observable properties for theme values\n private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n private _fullscreen$ = new BehaviorSubject<boolean>(false)\n private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n // Public observables derived from context\n public readonly scheme$ = ThemeContext.$.pipe(\n map(settings => settings.scheme),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly color$ = ThemeContext.$.pipe(\n map(settings => settings.color),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly theme$ = this._theme$.asObservable().pipe(\n distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n shareReplay(1)\n )\n\n public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n // Getters for synchronous access to current values\n get scheme(): 'dark' | 'light' | 'auto' {\n return ThemeContext.value.scheme\n }\n\n get color(): string {\n return ThemeContext.value.color\n }\n\n get theme(): Partial<TSchmancyTheme> {\n return this._theme$.getValue()\n }\n\n get themeComponent(): SchmancyThemeComponent | null {\n return this._themeComponent$.getValue()\n }\n\n get fullscreen(): boolean {\n return this._fullscreen$.getValue()\n }\n\n get bottomOffset(): number {\n return this._bottomOffset$.getValue()\n }\n\n // Computed observable for actual scheme (resolving 'auto')\n public readonly resolvedScheme$ = this.scheme$.pipe(\n switchMap(scheme => {\n if (scheme === 'auto') {\n // Listen to system preference changes\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n return new Observable<'dark' | 'light'>(subscriber => {\n const handler = (e: MediaQueryListEvent) => {\n subscriber.next(e.matches ? 'dark' : 'light')\n }\n mediaQuery.addEventListener('change', handler)\n\n // Emit initial value\n subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n // Cleanup\n return () => mediaQuery.removeEventListener('change', handler)\n })\n }\n return of(scheme as 'dark' | 'light')\n }),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n constructor() {\n this.discoverTheme()\n }\n\n /**\n * Discover the nearest theme component in the DOM.\n * This method can be called to refresh the theme discovery process.\n *\n * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n *\n * @example\n * ```typescript\n * theme.discoverTheme().subscribe(component => {\n * if (component) {\n * console.log('Theme component found:', component)\n * } else {\n * console.log('No theme component found')\n * }\n * })\n * ```\n */\n public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n // Dispatch discovery event and wait for response\n return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)), // Wait up to 100ms for response\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n ).pipe(\n tap(() => {\n // Trigger theme discovery\n window.dispatchEvent(\n new CustomEvent(ThemeWhereAreYou, {\n bubbles: true,\n composed: true,\n })\n )\n }),\n switchMap(() =>\n fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)),\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n )\n )\n )\n }\n\n /**\n * Register a theme component and subscribe to its changes.\n * This is typically called internally by theme components when they mount or update.\n *\n * @param {SchmancyThemeComponent} component - The theme component to register\n *\n * @internal\n */\n public registerThemeComponent(component: SchmancyThemeComponent): void {\n this._themeComponent$.next(component)\n\n // Update values from the component\n ThemeContext.set({ scheme: component.scheme, color: component.color })\n this._theme$.next(component.theme)\n }\n\n /**\n * Update theme values. Usually called internally by theme components.\n *\n * @param {Object} values - Theme values to update\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n * @param {string} [values.color] - Primary color in hex format\n * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n *\n * @internal\n */\n public updateTheme(values: {\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n theme?: Partial<TSchmancyTheme>\n }): void {\n const updates: Partial<ThemeSettings> = {}\n if (values.scheme !== undefined) {\n updates.scheme = values.scheme\n }\n if (values.color !== undefined) {\n updates.color = values.color\n }\n if (Object.keys(updates).length > 0) {\n ThemeContext.set(updates)\n }\n if (values.theme !== undefined) {\n this._theme$.next(values.theme)\n }\n }\n\n /**\n * Set the color scheme for the application.\n *\n * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n *\n * @example\n * ```typescript\n * // Set to dark mode\n * theme.setScheme('dark')\n *\n * // Set to auto (follows system preference)\n * theme.setScheme('auto')\n * ```\n */\n public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n const component = this.themeComponent\n if (component) {\n component.scheme = scheme\n ThemeContext.set({ scheme })\n } else {\n console.warn('No theme component found. Scheme change may not persist.')\n ThemeContext.set({ scheme })\n }\n }\n\n /**\n * Set the primary color for the theme.\n *\n * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n *\n * @example\n * ```typescript\n * // Set primary color to purple\n * theme.setColor('#6200ee')\n *\n * // Set primary color to blue\n * theme.setColor('#2196f3')\n * ```\n */\n public setColor(color: string): void {\n const component = this.themeComponent\n if (component) {\n component.color = color\n ThemeContext.set({ color })\n } else {\n console.warn('No theme component found. Color change may not persist.')\n ThemeContext.set({ color })\n }\n }\n\n /**\n * Check if dark mode is currently active.\n * This resolves 'auto' scheme to the actual value based on system preference.\n *\n * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n *\n * @example\n * ```typescript\n * theme.isDarkMode().subscribe(isDark => {\n * if (isDark) {\n * console.log('Dark mode is active')\n * } else {\n * console.log('Light mode is active')\n * }\n * })\n * ```\n */\n public isDarkMode(): Observable<boolean> {\n return this.resolvedScheme$.pipe(\n map(scheme => scheme === 'dark')\n )\n }\n\n /**\n * Toggle between light and dark mode.\n * If currently in 'auto' mode, defaults to 'light'.\n *\n * @example\n * ```typescript\n * // Toggle theme on button click\n * button.addEventListener('click', () => {\n * theme.toggleScheme()\n * })\n * ```\n */\n public toggleScheme(): void {\n const currentScheme = this.scheme\n const newScheme = currentScheme === 'dark' ? 'light' :\n currentScheme === 'light' ? 'dark' :\n 'light' // If 'auto', default to 'light'\n this.setScheme(newScheme)\n }\n\n /**\n * Get the current value of a CSS variable from the theme.\n *\n * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n * @returns {string} The CSS variable value or empty string if not found\n *\n * @example\n * ```typescript\n * // Get primary color variable\n * const primaryColor = theme.getCSSVariable('color-primary')\n *\n * // Get surface color\n * const surfaceColor = theme.getCSSVariable('color-surface')\n * ```\n */\n public getCSSVariable(variableName: string): string {\n const component = this.themeComponent\n if (component) {\n const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n if (host) {\n return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n }\n }\n return ''\n }\n\n /**\n * Subscribe to changes of a specific CSS variable.\n *\n * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n *\n * @example\n * ```typescript\n * // Watch for primary color changes\n * theme.watchCSSVariable('color-primary').subscribe(color => {\n * console.log('Primary color changed to:', color)\n * })\n *\n * // Watch for surface color changes\n * theme.watchCSSVariable('color-surface').subscribe(color => {\n * console.log('Surface color changed to:', color)\n * })\n * ```\n */\n public watchCSSVariable(variableName: string): Observable<string> {\n return this.theme$.pipe(\n map(() => this.getCSSVariable(variableName)),\n distinctUntilChanged()\n )\n }\n\n /**\n * Set the fullscreen state for the application.\n * This emits a custom event that navigation components can listen to.\n *\n * @param {boolean} value - Whether fullscreen mode is active\n *\n * @example\n * ```typescript\n * // Enter fullscreen mode\n * theme.setFullscreen(true)\n *\n * // Exit fullscreen mode\n * theme.setFullscreen(false)\n * ```\n */\n public setFullscreen(value: boolean): void {\n this._fullscreen$.next(value)\n\n // Emit custom event for components to listen to\n window.dispatchEvent(\n new CustomEvent('fullscreen', {\n detail: value,\n bubbles: true,\n composed: true\n })\n )\n }\n\n /**\n * Toggle fullscreen mode.\n *\n * @example\n * ```typescript\n * // Toggle fullscreen mode on button click\n * button.addEventListener('click', () => {\n * theme.toggleFullscreen()\n * })\n * ```\n */\n public toggleFullscreen(): void {\n this.setFullscreen(!this.fullscreen)\n }\n\n /**\n * Set the bottom offset for viewport calculations.\n * Used by navigation bars to inform fullHeight directive of reserved space.\n *\n * @param {number} value - Bottom offset in pixels\n *\n * @example\n * ```typescript\n * // Set bottom offset when nav bar is visible\n * theme.setBottomOffset(80)\n *\n * // Clear bottom offset when nav bar is hidden\n * theme.setBottomOffset(0)\n * ```\n */\n public setBottomOffset(value: number): void {\n this._bottomOffset$.next(value)\n }\n\n /**\n * Convenience method to update theme state including fullscreen.\n * Can be called with next() like syntax for familiarity.\n *\n * @param {Object} values - Theme values to update\n * @param {boolean} [values.fullscreen] - Fullscreen state\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n * @param {string} [values.color] - Primary color\n *\n * @example\n * ```typescript\n * // Set fullscreen mode\n * theme.next({ fullscreen: true })\n *\n * // Update multiple values\n * theme.next({\n * fullscreen: true,\n * scheme: 'dark'\n * })\n * ```\n */\n public next(values: {\n fullscreen?: boolean\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n }): void {\n if (values.fullscreen !== undefined) {\n this.setFullscreen(values.fullscreen)\n }\n if (values.scheme !== undefined) {\n this.setScheme(values.scheme)\n }\n if (values.color !== undefined) {\n this.setColor(values.color)\n }\n }\n\n /**\n * Get the singleton instance of ThemeService.\n *\n * @returns {ThemeService} The singleton ThemeService instance\n *\n * @internal\n */\n static getInstance(): ThemeService {\n if (!ThemeService.instance) {\n ThemeService.instance = new ThemeService()\n }\n return ThemeService.instance\n }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":";;AA+BA,IAAa,IAAmB,uBA2BnB,IAAe,mBCjCtB,IAAe,EAAqB,iBAAA,CAAkB,MAAM;CAChE,QAAQ;CACR,OAAO;CAAA,CAAA,EAmfI,IAjdb,MAAM,EAAA;CA2CJ,IAAA,SAAI;EACF,OAAO,EAAa,MAAM;;CAG5B,IAAA,QAAI;EACF,OAAO,EAAa,MAAM;;CAG5B,IAAA,QAAI;EACF,OAAO,KAAK,QAAQ,UAAA;;CAGtB,IAAA,iBAAI;EACF,OAAO,KAAK,iBAAiB,UAAA;;CAG/B,IAAA,aAAI;EACF,OAAO,KAAK,aAAa,UAAA;;CAG3B,IAAA,eAAI;EACF,OAAO,KAAK,eAAe,UAAA;;CA4B7B,cAAA;EAAA,KAAA,UAxFkB,IAAI,EAAyC,EAAA,CAAA,EAAA,KAAA,mBACpC,IAAI,EAA+C,KAAA,EAAA,KAAA,eACvD,IAAI,EAAA,CAAyB,EAAA,EAAA,KAAA,iBAC3B,IAAI,EAAwB,EAAA,EAAA,KAAA,UAG3B,EAAa,EAAE,KACvC,GAAI,MAAY,EAAS,OAAA,EACzB,GAAA,EACA,EAAY,EAAA,CAAA,EAAA,KAAA,SAGW,EAAa,EAAE,KACtC,GAAI,MAAY,EAAS,MAAA,EACzB,GAAA,EACA,EAAY,EAAA,CAAA,EAAA,KAAA,SAGW,KAAK,QAAQ,cAAA,CAAe,KACnD,GAAsB,GAAG,MAAM,KAAK,UAAU,EAAA,KAAO,KAAK,UAAU,EAAA,CAAA,EACpE,EAAY,EAAA,CAAA,EAAA,KAAA,kBAGoB,KAAK,iBAAiB,cAAA,CAAe,KACrE,GAAA,EACA,EAAY,EAAA,CAAA,EAAA,KAAA,cAGgB,KAAK,aAAa,cAAA,CAAe,KAC7D,GAAA,EACA,EAAY,EAAA,CAAA,EAAA,KAAA,gBAGkB,KAAK,eAAe,cAAA,CAAe,KACjE,GAAA,EACA,EAAY,EAAA,CAAA,EAAA,KAAA,kBA6BoB,KAAK,QAAQ,KAC7C,GAAU,MAAA;GACR,IAAI,MAAW,QAAQ;IAErB,IAAM,IAAa,OAAO,WAAW,+BAAA;IACrC,OAAO,IAAI,GAA6B,MAAA;KACtC,IAAM,KAAW,MAAA;MACf,EAAW,KAAK,EAAE,UAAU,SAAS,QAAA;;KAQvC,OANA,EAAW,iBAAiB,UAAU,EAAA,EAGtC,EAAW,KAAK,EAAW,UAAU,SAAS,QAAA,QAGjC,EAAW,oBAAoB,UAAU,EAAA;MAAA;;GAG1D,OAAO,EAAG,EAAA;IAAA,EAEZ,GAAA,EACA,EAAY,EAAA,CAAA,EAIZ,KAAK,eAAA;;CAoBP,gBAAA;EAEE,OAAO,EAA6B,QAAQ,EAAA,CAAc,KACxD,EAAU,EAAM,IAAA,CAAA,EAChB,GAAI,MAAK,EAAE,OAAO,MAAA,EAClB,EAAe,KAAA,EACf,GAAI,MAAA;GACE,KACF,KAAK,uBAAuB,EAAA;IAAA,CAAA,CAGhC,KACA,QAAA;GAEE,OAAO,cACL,IAAI,YAAY,GAAkB;IAChC,SAAA,CAAS;IACT,UAAA,CAAU;IAAA,CAAA,CAAA;IAAA,EAIhB,QACE,EAA6B,QAAQ,EAAA,CAAc,KACjD,EAAU,EAAM,IAAA,CAAA,EAChB,GAAI,MAAK,EAAE,OAAO,MAAA,EAClB,EAAe,KAAA,EACf,GAAI,MAAA;GACE,KACF,KAAK,uBAAuB,EAAA;IAAA,CAAA,CAAA,CAAA;;CAgBxC,uBAA8B,GAAA;EAC5B,KAAK,iBAAiB,KAAK,EAAA,EAG3B,EAAa,IAAI;GAAE,QAAQ,EAAU;GAAQ,OAAO,EAAU;GAAA,CAAA,EAC9D,KAAK,QAAQ,KAAK,EAAU,MAAA;;CAa9B,YAAmB,GAAA;EAKjB,IAAM,IAAkC,EAAA;EAAA,AACpC,EAAO,WAD6B,KAClB,MACpB,EAAQ,SAAS,EAAO,SAEtB,EAAO,UAFe,KAEL,MACnB,EAAQ,QAAQ,EAAO,QAErB,OAAO,KAAK,EAAA,CAAS,SAAS,KAChC,EAAa,IAAI,EAAA,EAEf,EAAO,UAFQ,KAEE,KACnB,KAAK,QAAQ,KAAK,EAAO,MAAA;;CAkB7B,UAAiB,GAAA;EACf,IAAM,IAAY,KAAK;EACnB,MACF,EAAU,SAAS,IAInB,EAAa,IAAI,EAAE,QAAA,GAAA,CAAA;;CAkBvB,SAAgB,GAAA;EACd,IAAM,IAAY,KAAK;EACnB,MACF,EAAU,QAAQ,IAIlB,EAAa,IAAI,EAAE,OAAA,GAAA,CAAA;;CAqBvB,aAAA;EACE,OAAO,KAAK,gBAAgB,KAC1B,GAAI,MAAU,MAAW,OAAX,CAAA;;CAgBlB,eAAA;EACE,IAAM,IAAgB,KAAK,QACrB,IAAY,MAAkB,SAAS,UAC5B,MAAkB,UAAU,SAC5B;EACjB,KAAK,UAAU,EAAA;;CAkBjB,eAAsB,GAAA;EACpB,IAAM,IAAY,KAAK;EACvB,IAAI,GAAW;GACb,IAAM,IAAO,EAAU,OAAO,SAAS,OAAQ,EAAU,YAAY;GACrE,IAAI,GACF,OAAO,iBAAiB,EAAA,CAAM,iBAAiB,cAAc,IAAA,CAAgB,MAAA;;EAGjF,OAAO;;CAsBT,iBAAwB,GAAA;EACtB,OAAO,KAAK,OAAO,KACjB,QAAU,KAAK,eAAe,EAAA,CAAA,EAC9B,GAAA,CAAA;;CAmBJ,cAAqB,GAAA;EACnB,KAAK,aAAa,KAAK,EAAA,EAGvB,OAAO,cACL,IAAI,YAAY,cAAc;GAC5B,QAAQ;GACR,SAAA,CAAS;GACT,UAAA,CAAU;GAAA,CAAA,CAAA;;CAgBhB,mBAAA;EACE,KAAK,cAAA,CAAe,KAAK,WAAA;;CAkB3B,gBAAuB,GAAA;EACrB,KAAK,eAAe,KAAK,EAAA;;CAwB3B,KAAY,GAAA;EAAA,AAKN,EAAO,eALD,KAKgB,KACxB,KAAK,cAAc,EAAO,WAAA,EAExB,EAAO,WAFiB,KAEN,KACpB,KAAK,UAAU,EAAO,OAAA,EAEpB,EAAO,UAFa,KAEH,KACnB,KAAK,SAAS,EAAO,MAAA;;CAWzB,OAAA,cAAO;EAIL,OAHK,AACH,EAAa,aAAW,IAAI,GAAA,EAEvB,EAAa;;EAeU,aAAA,EACrB,IAAgB;AAAA,SAAA,KAAA,GAAA,KAAA,GAAA,KAAA,GAAA,KAAA"}
|
|
1
|
+
{"version":3,"file":"theme.service-CSzNkqBB.js","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n * new CustomEvent('theme-where-are-you', {\n * bubbles: true,\n * composed: true\n * })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n * const themeComponent = event.detail.theme\n * console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n BehaviorSubject,\n Observable,\n fromEvent,\n timer,\n map,\n takeUntil,\n defaultIfEmpty,\n distinctUntilChanged,\n shareReplay,\n tap,\n switchMap,\n of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n scheme: 'dark' | 'light' | 'auto'\n color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n scheme: 'auto',\n color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n * console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n * console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n private static instance: ThemeService\n\n // Observable properties for theme values\n private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n private _fullscreen$ = new BehaviorSubject<boolean>(false)\n private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n // Public observables derived from context\n public readonly scheme$ = ThemeContext.$.pipe(\n map(settings => settings.scheme),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly color$ = ThemeContext.$.pipe(\n map(settings => settings.color),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly theme$ = this._theme$.asObservable().pipe(\n distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n shareReplay(1)\n )\n\n public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n // Getters for synchronous access to current values\n get scheme(): 'dark' | 'light' | 'auto' {\n return ThemeContext.value.scheme\n }\n\n get color(): string {\n return ThemeContext.value.color\n }\n\n get theme(): Partial<TSchmancyTheme> {\n return this._theme$.getValue()\n }\n\n get themeComponent(): SchmancyThemeComponent | null {\n return this._themeComponent$.getValue()\n }\n\n get fullscreen(): boolean {\n return this._fullscreen$.getValue()\n }\n\n get bottomOffset(): number {\n return this._bottomOffset$.getValue()\n }\n\n // Computed observable for actual scheme (resolving 'auto')\n public readonly resolvedScheme$ = this.scheme$.pipe(\n switchMap(scheme => {\n if (scheme === 'auto') {\n // Listen to system preference changes\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n return new Observable<'dark' | 'light'>(subscriber => {\n const handler = (e: MediaQueryListEvent) => {\n subscriber.next(e.matches ? 'dark' : 'light')\n }\n mediaQuery.addEventListener('change', handler)\n\n // Emit initial value\n subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n // Cleanup\n return () => mediaQuery.removeEventListener('change', handler)\n })\n }\n return of(scheme as 'dark' | 'light')\n }),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n constructor() {\n this.discoverTheme()\n }\n\n /**\n * Discover the nearest theme component in the DOM.\n * This method can be called to refresh the theme discovery process.\n *\n * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n *\n * @example\n * ```typescript\n * theme.discoverTheme().subscribe(component => {\n * if (component) {\n * console.log('Theme component found:', component)\n * } else {\n * console.log('No theme component found')\n * }\n * })\n * ```\n */\n public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n // Dispatch discovery event and wait for response\n return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)), // Wait up to 100ms for response\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n ).pipe(\n tap(() => {\n // Trigger theme discovery\n window.dispatchEvent(\n new CustomEvent(ThemeWhereAreYou, {\n bubbles: true,\n composed: true,\n })\n )\n }),\n switchMap(() =>\n fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)),\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n )\n )\n )\n }\n\n /**\n * Register a theme component and subscribe to its changes.\n * This is typically called internally by theme components when they mount or update.\n *\n * @param {SchmancyThemeComponent} component - The theme component to register\n *\n * @internal\n */\n public registerThemeComponent(component: SchmancyThemeComponent): void {\n this._themeComponent$.next(component)\n\n // Update values from the component\n ThemeContext.set({ scheme: component.scheme, color: component.color })\n this._theme$.next(component.theme)\n }\n\n /**\n * Update theme values. Usually called internally by theme components.\n *\n * @param {Object} values - Theme values to update\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n * @param {string} [values.color] - Primary color in hex format\n * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n *\n * @internal\n */\n public updateTheme(values: {\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n theme?: Partial<TSchmancyTheme>\n }): void {\n const updates: Partial<ThemeSettings> = {}\n if (values.scheme !== undefined) {\n updates.scheme = values.scheme\n }\n if (values.color !== undefined) {\n updates.color = values.color\n }\n if (Object.keys(updates).length > 0) {\n ThemeContext.set(updates)\n }\n if (values.theme !== undefined) {\n this._theme$.next(values.theme)\n }\n }\n\n /**\n * Set the color scheme for the application.\n *\n * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n *\n * @example\n * ```typescript\n * // Set to dark mode\n * theme.setScheme('dark')\n *\n * // Set to auto (follows system preference)\n * theme.setScheme('auto')\n * ```\n */\n public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n const component = this.themeComponent\n if (component) {\n component.scheme = scheme\n ThemeContext.set({ scheme })\n } else {\n console.warn('No theme component found. Scheme change may not persist.')\n ThemeContext.set({ scheme })\n }\n }\n\n /**\n * Set the primary color for the theme.\n *\n * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n *\n * @example\n * ```typescript\n * // Set primary color to purple\n * theme.setColor('#6200ee')\n *\n * // Set primary color to blue\n * theme.setColor('#2196f3')\n * ```\n */\n public setColor(color: string): void {\n const component = this.themeComponent\n if (component) {\n component.color = color\n ThemeContext.set({ color })\n } else {\n console.warn('No theme component found. Color change may not persist.')\n ThemeContext.set({ color })\n }\n }\n\n /**\n * Check if dark mode is currently active.\n * This resolves 'auto' scheme to the actual value based on system preference.\n *\n * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n *\n * @example\n * ```typescript\n * theme.isDarkMode().subscribe(isDark => {\n * if (isDark) {\n * console.log('Dark mode is active')\n * } else {\n * console.log('Light mode is active')\n * }\n * })\n * ```\n */\n public isDarkMode(): Observable<boolean> {\n return this.resolvedScheme$.pipe(\n map(scheme => scheme === 'dark')\n )\n }\n\n /**\n * Toggle between light and dark mode.\n * If currently in 'auto' mode, defaults to 'light'.\n *\n * @example\n * ```typescript\n * // Toggle theme on button click\n * button.addEventListener('click', () => {\n * theme.toggleScheme()\n * })\n * ```\n */\n public toggleScheme(): void {\n const currentScheme = this.scheme\n const newScheme = currentScheme === 'dark' ? 'light' :\n currentScheme === 'light' ? 'dark' :\n 'light' // If 'auto', default to 'light'\n this.setScheme(newScheme)\n }\n\n /**\n * Get the current value of a CSS variable from the theme.\n *\n * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n * @returns {string} The CSS variable value or empty string if not found\n *\n * @example\n * ```typescript\n * // Get primary color variable\n * const primaryColor = theme.getCSSVariable('color-primary')\n *\n * // Get surface color\n * const surfaceColor = theme.getCSSVariable('color-surface')\n * ```\n */\n public getCSSVariable(variableName: string): string {\n const component = this.themeComponent\n if (component) {\n const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n if (host) {\n return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n }\n }\n return ''\n }\n\n /**\n * Subscribe to changes of a specific CSS variable.\n *\n * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n *\n * @example\n * ```typescript\n * // Watch for primary color changes\n * theme.watchCSSVariable('color-primary').subscribe(color => {\n * console.log('Primary color changed to:', color)\n * })\n *\n * // Watch for surface color changes\n * theme.watchCSSVariable('color-surface').subscribe(color => {\n * console.log('Surface color changed to:', color)\n * })\n * ```\n */\n public watchCSSVariable(variableName: string): Observable<string> {\n return this.theme$.pipe(\n map(() => this.getCSSVariable(variableName)),\n distinctUntilChanged()\n )\n }\n\n /**\n * Set the fullscreen state for the application.\n * This emits a custom event that navigation components can listen to.\n *\n * @param {boolean} value - Whether fullscreen mode is active\n *\n * @example\n * ```typescript\n * // Enter fullscreen mode\n * theme.setFullscreen(true)\n *\n * // Exit fullscreen mode\n * theme.setFullscreen(false)\n * ```\n */\n public setFullscreen(value: boolean): void {\n this._fullscreen$.next(value)\n\n // Emit custom event for components to listen to\n window.dispatchEvent(\n new CustomEvent('fullscreen', {\n detail: value,\n bubbles: true,\n composed: true\n })\n )\n }\n\n /**\n * Toggle fullscreen mode.\n *\n * @example\n * ```typescript\n * // Toggle fullscreen mode on button click\n * button.addEventListener('click', () => {\n * theme.toggleFullscreen()\n * })\n * ```\n */\n public toggleFullscreen(): void {\n this.setFullscreen(!this.fullscreen)\n }\n\n /**\n * Set the bottom offset for viewport calculations.\n * Used by navigation bars to inform fullHeight directive of reserved space.\n *\n * @param {number} value - Bottom offset in pixels\n *\n * @example\n * ```typescript\n * // Set bottom offset when nav bar is visible\n * theme.setBottomOffset(80)\n *\n * // Clear bottom offset when nav bar is hidden\n * theme.setBottomOffset(0)\n * ```\n */\n public setBottomOffset(value: number): void {\n this._bottomOffset$.next(value)\n }\n\n /**\n * Convenience method to update theme state including fullscreen.\n * Can be called with next() like syntax for familiarity.\n *\n * @param {Object} values - Theme values to update\n * @param {boolean} [values.fullscreen] - Fullscreen state\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n * @param {string} [values.color] - Primary color\n *\n * @example\n * ```typescript\n * // Set fullscreen mode\n * theme.next({ fullscreen: true })\n *\n * // Update multiple values\n * theme.next({\n * fullscreen: true,\n * scheme: 'dark'\n * })\n * ```\n */\n public next(values: {\n fullscreen?: boolean\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n }): void {\n if (values.fullscreen !== undefined) {\n this.setFullscreen(values.fullscreen)\n }\n if (values.scheme !== undefined) {\n this.setScheme(values.scheme)\n }\n if (values.color !== undefined) {\n this.setColor(values.color)\n }\n }\n\n /**\n * Get the singleton instance of ThemeService.\n *\n * @returns {ThemeService} The singleton ThemeService instance\n *\n * @internal\n */\n static getInstance(): ThemeService {\n if (!ThemeService.instance) {\n ThemeService.instance = new ThemeService()\n }\n return ThemeService.instance\n }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-CncqDLb2.cjs`);const e=require(`./state-
|
|
1
|
+
require(`./chunk-CncqDLb2.cjs`);const e=require(`./state-DcGj-pJJ.cjs`);let t=require(`rxjs`);var n=`theme-where-are-you`,r=`theme-here-i-am`,i=e.i(`schmancy/theme`).local({scheme:`auto`,color:`#6200ee`}),a=class e{get scheme(){return i.value.scheme}get color(){return i.value.color}get theme(){return this._theme$.getValue()}get themeComponent(){return this._themeComponent$.getValue()}get fullscreen(){return this._fullscreen$.getValue()}get bottomOffset(){return this._bottomOffset$.getValue()}constructor(){this._theme$=new t.BehaviorSubject({}),this._themeComponent$=new t.BehaviorSubject(null),this._fullscreen$=new t.BehaviorSubject(!1),this._bottomOffset$=new t.BehaviorSubject(0),this.scheme$=i.$.pipe((0,t.map)(e=>e.scheme),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.color$=i.$.pipe((0,t.map)(e=>e.color),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.theme$=this._theme$.asObservable().pipe((0,t.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,t.shareReplay)(1)),this.themeComponent$=this._themeComponent$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.fullscreen$=this._fullscreen$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.bottomOffset$=this._bottomOffset$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.resolvedScheme$=this.scheme$.pipe((0,t.switchMap)(e=>{if(e===`auto`){let e=window.matchMedia(`(prefers-color-scheme: dark)`);return new t.Observable(t=>{let n=e=>{t.next(e.matches?`dark`:`light`)};return e.addEventListener(`change`,n),t.next(e.matches?`dark`:`light`),()=>e.removeEventListener(`change`,n)})}return(0,t.of)(e)}),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.discoverTheme()}discoverTheme(){return(0,t.fromEvent)(window,r).pipe((0,t.takeUntil)((0,t.timer)(100)),(0,t.map)(e=>e.detail.theme),(0,t.defaultIfEmpty)(null),(0,t.tap)(e=>{e&&this.registerThemeComponent(e)})).pipe((0,t.tap)(()=>{window.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0}))}),(0,t.switchMap)(()=>(0,t.fromEvent)(window,r).pipe((0,t.takeUntil)((0,t.timer)(100)),(0,t.map)(e=>e.detail.theme),(0,t.defaultIfEmpty)(null),(0,t.tap)(e=>{e&&this.registerThemeComponent(e)}))))}registerThemeComponent(e){this._themeComponent$.next(e),i.set({scheme:e.scheme,color:e.color}),this._theme$.next(e.theme)}updateTheme(e){let t={};e.scheme!==void 0&&(t.scheme=e.scheme),e.color!==void 0&&(t.color=e.color),Object.keys(t).length>0&&i.set(t),e.theme!==void 0&&this._theme$.next(e.theme)}setScheme(e){let t=this.themeComponent;t&&(t.scheme=e),i.set({scheme:e})}setColor(e){let t=this.themeComponent;t&&(t.color=e),i.set({color:e})}isDarkMode(){return this.resolvedScheme$.pipe((0,t.map)(e=>e===`dark`))}toggleScheme(){let e=this.scheme,t=e===`dark`?`light`:e===`light`?`dark`:`light`;this.setScheme(t)}getCSSVariable(e){let t=this.themeComponent;if(t){let n=t.root?document.body:t.shadowRoot?.host;if(n)return getComputedStyle(n).getPropertyValue(`--schmancy-${e}`).trim()}return``}watchCSSVariable(e){return this.theme$.pipe((0,t.map)(()=>this.getCSSVariable(e)),(0,t.distinctUntilChanged)())}setFullscreen(e){this._fullscreen$.next(e),window.dispatchEvent(new CustomEvent(`fullscreen`,{detail:e,bubbles:!0,composed:!0}))}toggleFullscreen(){this.setFullscreen(!this.fullscreen)}setBottomOffset(e){this._bottomOffset$.next(e)}next(e){e.fullscreen!==void 0&&this.setFullscreen(e.fullscreen),e.scheme!==void 0&&this.setScheme(e.scheme),e.color!==void 0&&this.setColor(e.color)}static getInstance(){return e.instance||=new e,e.instance}}.getInstance(),o=a;Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.service-DkdH1t60.cjs","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n * new CustomEvent('theme-where-are-you', {\n * bubbles: true,\n * composed: true\n * })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n * const themeComponent = event.detail.theme\n * console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n BehaviorSubject,\n Observable,\n fromEvent,\n timer,\n map,\n takeUntil,\n defaultIfEmpty,\n distinctUntilChanged,\n shareReplay,\n tap,\n switchMap,\n of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n scheme: 'dark' | 'light' | 'auto'\n color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n scheme: 'auto',\n color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n * console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n * console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n private static instance: ThemeService\n\n // Observable properties for theme values\n private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n private _fullscreen$ = new BehaviorSubject<boolean>(false)\n private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n // Public observables derived from context\n public readonly scheme$ = ThemeContext.$.pipe(\n map(settings => settings.scheme),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly color$ = ThemeContext.$.pipe(\n map(settings => settings.color),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly theme$ = this._theme$.asObservable().pipe(\n distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n shareReplay(1)\n )\n\n public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n // Getters for synchronous access to current values\n get scheme(): 'dark' | 'light' | 'auto' {\n return ThemeContext.value.scheme\n }\n\n get color(): string {\n return ThemeContext.value.color\n }\n\n get theme(): Partial<TSchmancyTheme> {\n return this._theme$.getValue()\n }\n\n get themeComponent(): SchmancyThemeComponent | null {\n return this._themeComponent$.getValue()\n }\n\n get fullscreen(): boolean {\n return this._fullscreen$.getValue()\n }\n\n get bottomOffset(): number {\n return this._bottomOffset$.getValue()\n }\n\n // Computed observable for actual scheme (resolving 'auto')\n public readonly resolvedScheme$ = this.scheme$.pipe(\n switchMap(scheme => {\n if (scheme === 'auto') {\n // Listen to system preference changes\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n return new Observable<'dark' | 'light'>(subscriber => {\n const handler = (e: MediaQueryListEvent) => {\n subscriber.next(e.matches ? 'dark' : 'light')\n }\n mediaQuery.addEventListener('change', handler)\n\n // Emit initial value\n subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n // Cleanup\n return () => mediaQuery.removeEventListener('change', handler)\n })\n }\n return of(scheme as 'dark' | 'light')\n }),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n constructor() {\n this.discoverTheme()\n }\n\n /**\n * Discover the nearest theme component in the DOM.\n * This method can be called to refresh the theme discovery process.\n *\n * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n *\n * @example\n * ```typescript\n * theme.discoverTheme().subscribe(component => {\n * if (component) {\n * console.log('Theme component found:', component)\n * } else {\n * console.log('No theme component found')\n * }\n * })\n * ```\n */\n public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n // Dispatch discovery event and wait for response\n return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)), // Wait up to 100ms for response\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n ).pipe(\n tap(() => {\n // Trigger theme discovery\n window.dispatchEvent(\n new CustomEvent(ThemeWhereAreYou, {\n bubbles: true,\n composed: true,\n })\n )\n }),\n switchMap(() =>\n fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)),\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n )\n )\n )\n }\n\n /**\n * Register a theme component and subscribe to its changes.\n * This is typically called internally by theme components when they mount or update.\n *\n * @param {SchmancyThemeComponent} component - The theme component to register\n *\n * @internal\n */\n public registerThemeComponent(component: SchmancyThemeComponent): void {\n this._themeComponent$.next(component)\n\n // Update values from the component\n ThemeContext.set({ scheme: component.scheme, color: component.color })\n this._theme$.next(component.theme)\n }\n\n /**\n * Update theme values. Usually called internally by theme components.\n *\n * @param {Object} values - Theme values to update\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n * @param {string} [values.color] - Primary color in hex format\n * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n *\n * @internal\n */\n public updateTheme(values: {\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n theme?: Partial<TSchmancyTheme>\n }): void {\n const updates: Partial<ThemeSettings> = {}\n if (values.scheme !== undefined) {\n updates.scheme = values.scheme\n }\n if (values.color !== undefined) {\n updates.color = values.color\n }\n if (Object.keys(updates).length > 0) {\n ThemeContext.set(updates)\n }\n if (values.theme !== undefined) {\n this._theme$.next(values.theme)\n }\n }\n\n /**\n * Set the color scheme for the application.\n *\n * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n *\n * @example\n * ```typescript\n * // Set to dark mode\n * theme.setScheme('dark')\n *\n * // Set to auto (follows system preference)\n * theme.setScheme('auto')\n * ```\n */\n public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n const component = this.themeComponent\n if (component) {\n component.scheme = scheme\n ThemeContext.set({ scheme })\n } else {\n console.warn('No theme component found. Scheme change may not persist.')\n ThemeContext.set({ scheme })\n }\n }\n\n /**\n * Set the primary color for the theme.\n *\n * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n *\n * @example\n * ```typescript\n * // Set primary color to purple\n * theme.setColor('#6200ee')\n *\n * // Set primary color to blue\n * theme.setColor('#2196f3')\n * ```\n */\n public setColor(color: string): void {\n const component = this.themeComponent\n if (component) {\n component.color = color\n ThemeContext.set({ color })\n } else {\n console.warn('No theme component found. Color change may not persist.')\n ThemeContext.set({ color })\n }\n }\n\n /**\n * Check if dark mode is currently active.\n * This resolves 'auto' scheme to the actual value based on system preference.\n *\n * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n *\n * @example\n * ```typescript\n * theme.isDarkMode().subscribe(isDark => {\n * if (isDark) {\n * console.log('Dark mode is active')\n * } else {\n * console.log('Light mode is active')\n * }\n * })\n * ```\n */\n public isDarkMode(): Observable<boolean> {\n return this.resolvedScheme$.pipe(\n map(scheme => scheme === 'dark')\n )\n }\n\n /**\n * Toggle between light and dark mode.\n * If currently in 'auto' mode, defaults to 'light'.\n *\n * @example\n * ```typescript\n * // Toggle theme on button click\n * button.addEventListener('click', () => {\n * theme.toggleScheme()\n * })\n * ```\n */\n public toggleScheme(): void {\n const currentScheme = this.scheme\n const newScheme = currentScheme === 'dark' ? 'light' :\n currentScheme === 'light' ? 'dark' :\n 'light' // If 'auto', default to 'light'\n this.setScheme(newScheme)\n }\n\n /**\n * Get the current value of a CSS variable from the theme.\n *\n * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n * @returns {string} The CSS variable value or empty string if not found\n *\n * @example\n * ```typescript\n * // Get primary color variable\n * const primaryColor = theme.getCSSVariable('color-primary')\n *\n * // Get surface color\n * const surfaceColor = theme.getCSSVariable('color-surface')\n * ```\n */\n public getCSSVariable(variableName: string): string {\n const component = this.themeComponent\n if (component) {\n const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n if (host) {\n return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n }\n }\n return ''\n }\n\n /**\n * Subscribe to changes of a specific CSS variable.\n *\n * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n *\n * @example\n * ```typescript\n * // Watch for primary color changes\n * theme.watchCSSVariable('color-primary').subscribe(color => {\n * console.log('Primary color changed to:', color)\n * })\n *\n * // Watch for surface color changes\n * theme.watchCSSVariable('color-surface').subscribe(color => {\n * console.log('Surface color changed to:', color)\n * })\n * ```\n */\n public watchCSSVariable(variableName: string): Observable<string> {\n return this.theme$.pipe(\n map(() => this.getCSSVariable(variableName)),\n distinctUntilChanged()\n )\n }\n\n /**\n * Set the fullscreen state for the application.\n * This emits a custom event that navigation components can listen to.\n *\n * @param {boolean} value - Whether fullscreen mode is active\n *\n * @example\n * ```typescript\n * // Enter fullscreen mode\n * theme.setFullscreen(true)\n *\n * // Exit fullscreen mode\n * theme.setFullscreen(false)\n * ```\n */\n public setFullscreen(value: boolean): void {\n this._fullscreen$.next(value)\n\n // Emit custom event for components to listen to\n window.dispatchEvent(\n new CustomEvent('fullscreen', {\n detail: value,\n bubbles: true,\n composed: true\n })\n )\n }\n\n /**\n * Toggle fullscreen mode.\n *\n * @example\n * ```typescript\n * // Toggle fullscreen mode on button click\n * button.addEventListener('click', () => {\n * theme.toggleFullscreen()\n * })\n * ```\n */\n public toggleFullscreen(): void {\n this.setFullscreen(!this.fullscreen)\n }\n\n /**\n * Set the bottom offset for viewport calculations.\n * Used by navigation bars to inform fullHeight directive of reserved space.\n *\n * @param {number} value - Bottom offset in pixels\n *\n * @example\n * ```typescript\n * // Set bottom offset when nav bar is visible\n * theme.setBottomOffset(80)\n *\n * // Clear bottom offset when nav bar is hidden\n * theme.setBottomOffset(0)\n * ```\n */\n public setBottomOffset(value: number): void {\n this._bottomOffset$.next(value)\n }\n\n /**\n * Convenience method to update theme state including fullscreen.\n * Can be called with next() like syntax for familiarity.\n *\n * @param {Object} values - Theme values to update\n * @param {boolean} [values.fullscreen] - Fullscreen state\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n * @param {string} [values.color] - Primary color\n *\n * @example\n * ```typescript\n * // Set fullscreen mode\n * theme.next({ fullscreen: true })\n *\n * // Update multiple values\n * theme.next({\n * fullscreen: true,\n * scheme: 'dark'\n * })\n * ```\n */\n public next(values: {\n fullscreen?: boolean\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n }): void {\n if (values.fullscreen !== undefined) {\n this.setFullscreen(values.fullscreen)\n }\n if (values.scheme !== undefined) {\n this.setScheme(values.scheme)\n }\n if (values.color !== undefined) {\n this.setColor(values.color)\n }\n }\n\n /**\n * Get the singleton instance of ThemeService.\n *\n * @returns {ThemeService} The singleton ThemeService instance\n *\n * @internal\n */\n static getInstance(): ThemeService {\n if (!ThemeService.instance) {\n ThemeService.instance = new ThemeService()\n }\n return ThemeService.instance\n }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.service-CnFUmUpc.cjs","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n * new CustomEvent('theme-where-are-you', {\n * bubbles: true,\n * composed: true\n * })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n * const themeComponent = event.detail.theme\n * console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n BehaviorSubject,\n Observable,\n fromEvent,\n timer,\n map,\n takeUntil,\n defaultIfEmpty,\n distinctUntilChanged,\n shareReplay,\n tap,\n switchMap,\n of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n scheme: 'dark' | 'light' | 'auto'\n color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n scheme: 'auto',\n color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n * console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n * console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n private static instance: ThemeService\n\n // Observable properties for theme values\n private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n private _fullscreen$ = new BehaviorSubject<boolean>(false)\n private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n // Public observables derived from context\n public readonly scheme$ = ThemeContext.$.pipe(\n map(settings => settings.scheme),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly color$ = ThemeContext.$.pipe(\n map(settings => settings.color),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly theme$ = this._theme$.asObservable().pipe(\n distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n shareReplay(1)\n )\n\n public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n // Getters for synchronous access to current values\n get scheme(): 'dark' | 'light' | 'auto' {\n return ThemeContext.value.scheme\n }\n\n get color(): string {\n return ThemeContext.value.color\n }\n\n get theme(): Partial<TSchmancyTheme> {\n return this._theme$.getValue()\n }\n\n get themeComponent(): SchmancyThemeComponent | null {\n return this._themeComponent$.getValue()\n }\n\n get fullscreen(): boolean {\n return this._fullscreen$.getValue()\n }\n\n get bottomOffset(): number {\n return this._bottomOffset$.getValue()\n }\n\n // Computed observable for actual scheme (resolving 'auto')\n public readonly resolvedScheme$ = this.scheme$.pipe(\n switchMap(scheme => {\n if (scheme === 'auto') {\n // Listen to system preference changes\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n return new Observable<'dark' | 'light'>(subscriber => {\n const handler = (e: MediaQueryListEvent) => {\n subscriber.next(e.matches ? 'dark' : 'light')\n }\n mediaQuery.addEventListener('change', handler)\n\n // Emit initial value\n subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n // Cleanup\n return () => mediaQuery.removeEventListener('change', handler)\n })\n }\n return of(scheme as 'dark' | 'light')\n }),\n distinctUntilChanged(),\n shareReplay(1)\n )\n\n constructor() {\n this.discoverTheme()\n }\n\n /**\n * Discover the nearest theme component in the DOM.\n * This method can be called to refresh the theme discovery process.\n *\n * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n *\n * @example\n * ```typescript\n * theme.discoverTheme().subscribe(component => {\n * if (component) {\n * console.log('Theme component found:', component)\n * } else {\n * console.log('No theme component found')\n * }\n * })\n * ```\n */\n public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n // Dispatch discovery event and wait for response\n return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)), // Wait up to 100ms for response\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n ).pipe(\n tap(() => {\n // Trigger theme discovery\n window.dispatchEvent(\n new CustomEvent(ThemeWhereAreYou, {\n bubbles: true,\n composed: true,\n })\n )\n }),\n switchMap(() =>\n fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n takeUntil(timer(100)),\n map(e => e.detail.theme as SchmancyThemeComponent),\n defaultIfEmpty(null),\n tap(themeComponent => {\n if (themeComponent) {\n this.registerThemeComponent(themeComponent)\n }\n })\n )\n )\n )\n }\n\n /**\n * Register a theme component and subscribe to its changes.\n * This is typically called internally by theme components when they mount or update.\n *\n * @param {SchmancyThemeComponent} component - The theme component to register\n *\n * @internal\n */\n public registerThemeComponent(component: SchmancyThemeComponent): void {\n this._themeComponent$.next(component)\n\n // Update values from the component\n ThemeContext.set({ scheme: component.scheme, color: component.color })\n this._theme$.next(component.theme)\n }\n\n /**\n * Update theme values. Usually called internally by theme components.\n *\n * @param {Object} values - Theme values to update\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n * @param {string} [values.color] - Primary color in hex format\n * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n *\n * @internal\n */\n public updateTheme(values: {\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n theme?: Partial<TSchmancyTheme>\n }): void {\n const updates: Partial<ThemeSettings> = {}\n if (values.scheme !== undefined) {\n updates.scheme = values.scheme\n }\n if (values.color !== undefined) {\n updates.color = values.color\n }\n if (Object.keys(updates).length > 0) {\n ThemeContext.set(updates)\n }\n if (values.theme !== undefined) {\n this._theme$.next(values.theme)\n }\n }\n\n /**\n * Set the color scheme for the application.\n *\n * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n *\n * @example\n * ```typescript\n * // Set to dark mode\n * theme.setScheme('dark')\n *\n * // Set to auto (follows system preference)\n * theme.setScheme('auto')\n * ```\n */\n public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n const component = this.themeComponent\n if (component) {\n component.scheme = scheme\n ThemeContext.set({ scheme })\n } else {\n console.warn('No theme component found. Scheme change may not persist.')\n ThemeContext.set({ scheme })\n }\n }\n\n /**\n * Set the primary color for the theme.\n *\n * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n *\n * @example\n * ```typescript\n * // Set primary color to purple\n * theme.setColor('#6200ee')\n *\n * // Set primary color to blue\n * theme.setColor('#2196f3')\n * ```\n */\n public setColor(color: string): void {\n const component = this.themeComponent\n if (component) {\n component.color = color\n ThemeContext.set({ color })\n } else {\n console.warn('No theme component found. Color change may not persist.')\n ThemeContext.set({ color })\n }\n }\n\n /**\n * Check if dark mode is currently active.\n * This resolves 'auto' scheme to the actual value based on system preference.\n *\n * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n *\n * @example\n * ```typescript\n * theme.isDarkMode().subscribe(isDark => {\n * if (isDark) {\n * console.log('Dark mode is active')\n * } else {\n * console.log('Light mode is active')\n * }\n * })\n * ```\n */\n public isDarkMode(): Observable<boolean> {\n return this.resolvedScheme$.pipe(\n map(scheme => scheme === 'dark')\n )\n }\n\n /**\n * Toggle between light and dark mode.\n * If currently in 'auto' mode, defaults to 'light'.\n *\n * @example\n * ```typescript\n * // Toggle theme on button click\n * button.addEventListener('click', () => {\n * theme.toggleScheme()\n * })\n * ```\n */\n public toggleScheme(): void {\n const currentScheme = this.scheme\n const newScheme = currentScheme === 'dark' ? 'light' :\n currentScheme === 'light' ? 'dark' :\n 'light' // If 'auto', default to 'light'\n this.setScheme(newScheme)\n }\n\n /**\n * Get the current value of a CSS variable from the theme.\n *\n * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n * @returns {string} The CSS variable value or empty string if not found\n *\n * @example\n * ```typescript\n * // Get primary color variable\n * const primaryColor = theme.getCSSVariable('color-primary')\n *\n * // Get surface color\n * const surfaceColor = theme.getCSSVariable('color-surface')\n * ```\n */\n public getCSSVariable(variableName: string): string {\n const component = this.themeComponent\n if (component) {\n const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n if (host) {\n return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n }\n }\n return ''\n }\n\n /**\n * Subscribe to changes of a specific CSS variable.\n *\n * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n *\n * @example\n * ```typescript\n * // Watch for primary color changes\n * theme.watchCSSVariable('color-primary').subscribe(color => {\n * console.log('Primary color changed to:', color)\n * })\n *\n * // Watch for surface color changes\n * theme.watchCSSVariable('color-surface').subscribe(color => {\n * console.log('Surface color changed to:', color)\n * })\n * ```\n */\n public watchCSSVariable(variableName: string): Observable<string> {\n return this.theme$.pipe(\n map(() => this.getCSSVariable(variableName)),\n distinctUntilChanged()\n )\n }\n\n /**\n * Set the fullscreen state for the application.\n * This emits a custom event that navigation components can listen to.\n *\n * @param {boolean} value - Whether fullscreen mode is active\n *\n * @example\n * ```typescript\n * // Enter fullscreen mode\n * theme.setFullscreen(true)\n *\n * // Exit fullscreen mode\n * theme.setFullscreen(false)\n * ```\n */\n public setFullscreen(value: boolean): void {\n this._fullscreen$.next(value)\n\n // Emit custom event for components to listen to\n window.dispatchEvent(\n new CustomEvent('fullscreen', {\n detail: value,\n bubbles: true,\n composed: true\n })\n )\n }\n\n /**\n * Toggle fullscreen mode.\n *\n * @example\n * ```typescript\n * // Toggle fullscreen mode on button click\n * button.addEventListener('click', () => {\n * theme.toggleFullscreen()\n * })\n * ```\n */\n public toggleFullscreen(): void {\n this.setFullscreen(!this.fullscreen)\n }\n\n /**\n * Set the bottom offset for viewport calculations.\n * Used by navigation bars to inform fullHeight directive of reserved space.\n *\n * @param {number} value - Bottom offset in pixels\n *\n * @example\n * ```typescript\n * // Set bottom offset when nav bar is visible\n * theme.setBottomOffset(80)\n *\n * // Clear bottom offset when nav bar is hidden\n * theme.setBottomOffset(0)\n * ```\n */\n public setBottomOffset(value: number): void {\n this._bottomOffset$.next(value)\n }\n\n /**\n * Convenience method to update theme state including fullscreen.\n * Can be called with next() like syntax for familiarity.\n *\n * @param {Object} values - Theme values to update\n * @param {boolean} [values.fullscreen] - Fullscreen state\n * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n * @param {string} [values.color] - Primary color\n *\n * @example\n * ```typescript\n * // Set fullscreen mode\n * theme.next({ fullscreen: true })\n *\n * // Update multiple values\n * theme.next({\n * fullscreen: true,\n * scheme: 'dark'\n * })\n * ```\n */\n public next(values: {\n fullscreen?: boolean\n scheme?: 'dark' | 'light' | 'auto'\n color?: string\n }): void {\n if (values.fullscreen !== undefined) {\n this.setFullscreen(values.fullscreen)\n }\n if (values.scheme !== undefined) {\n this.setScheme(values.scheme)\n }\n if (values.color !== undefined) {\n this.setColor(values.color)\n }\n }\n\n /**\n * Get the singleton instance of ThemeService.\n *\n * @returns {ThemeService} The singleton ThemeService instance\n *\n * @internal\n */\n static getInstance(): ThemeService {\n if (!ThemeService.instance) {\n ThemeService.instance = new ThemeService()\n }\n return ThemeService.instance\n }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils-D2QUu4-g.cjs","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n if (typeof navigator !== 'undefined' && navigator.language) {\n return navigator.language\n }\n return 'de-DE'\n}\n\nexport class Numbers {\n /**\n * The system locale detected from user's browser/OS settings.\n * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n */\n readonly systemLocale = getSystemLocale()\n\n /**\n * Rounds a number to the specified number of decimal places.\n * @param {number} number - The number to round.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @returns {number} - The rounded number.\n */\n roundNumber(number: number, decimalPlaces: number = 2): number {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n }\n\n /**\n * Formats a number according to the specified locale and options.\n * Uses the user's system locale by default for display formatting.\n *\n * @param {number} number - The number to format.\n * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n *\n * @example\n * // Uses system locale (e.g., user's browser setting)\n * numbers.formatNumber(1234.56)\n *\n * // Explicit locale for exports (bank systems expect German format)\n * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n */\n formatNumber(\n number: number,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n return new Intl.NumberFormat(locale, options).format(number);\n }\n\n /**\n * Parses a string with a specified decimal separator into a number.\n * @param {string} numberString - The string to parse.\n * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n * @returns {number} - The parsed number.\n */\n parseToPureNumber(\n numberString: string,\n decimalSeparator: string = \",\",\n ): number {\n const normalizedString = numberString.replace(decimalSeparator, \".\");\n return parseFloat(normalizedString);\n }\n\n /**\n * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n * Uses the user's system locale by default.\n *\n * @param {number} number - The number to process.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @param {string} [locale] - The locale string. Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n */\n doIt(\n number: number,\n decimalPlaces: number = 2,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n const roundedNumber = this.roundNumber(number, decimalPlaces);\n return this.formatNumber(roundedNumber, locale, options);\n }\n\n /**\n * Format a currency amount consistently across the application\n *\n * @param amount The amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted amount with currency symbol\n */\n formatCurrency(amount: number, currency: string = \"€\"): string {\n return `${currency}${this.doIt(amount)}`;\n }\n\n /**\n * Format a delta value with appropriate directional indicator\n *\n * @param delta The delta amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted delta with direction indicator and currency symbol\n */\n formatDelta(delta: number, currency: string = \"€\"): string {\n const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n }\n\n /**\n * Get CSS class for delta value\n *\n * @param delta The delta amount\n * @returns CSS class based on delta direction\n */\n getDeltaClass(delta: number): string {\n return delta > 0\n ? \"text-error-default\"\n : delta < 0\n ? \"text-primary-default\"\n : \"text-neutral\";\n }\n\n /**\n * Converts a decimal number to a mixed fraction string\n * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n *\n * @param number The decimal number to convert\n * @param precision The precision level for fraction approximation (default: 16)\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A string representing the mixed fraction\n */\n toMixedFraction(\n number: number,\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Handle negative numbers\n const isNegative = number < 0;\n number = Math.abs(number);\n\n // Extract whole number part\n const wholePart = Math.floor(number);\n\n // Extract decimal part and convert to fraction\n let decimalPart = number - wholePart;\n\n // If the decimal part is very small or zero, just return the whole number\n if (decimalPart < 1 / Math.pow(10, precision)) {\n return isNegative ? `-${wholePart}` : `${wholePart}`;\n }\n\n // Find the best fraction approximation using precision and max denominator\n const { numerator, denominator } = this.decimalToFraction(\n decimalPart,\n precision,\n maxDenominator,\n );\n\n // Format based on whether there's a whole part\n if (wholePart === 0) {\n return isNegative\n ? `-${numerator}/${denominator}`\n : `${numerator}/${denominator}`;\n } else {\n return isNegative\n ? `-${wholePart} ${numerator}/${denominator}`\n : `${wholePart} ${numerator}/${denominator}`;\n }\n }\n\n /**\n * Converts a decimal to a simplified fraction with a maximum denominator\n *\n * @param decimal The decimal part to convert (0 <= decimal < 1)\n * @param precision The precision level for approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns Object containing numerator and denominator\n */\n private decimalToFraction(\n decimal: number,\n precision: number,\n maxDenominator: number = 4,\n ): { numerator: number; denominator: number } {\n if (decimal === 0) {\n return { numerator: 0, denominator: 1 };\n }\n\n // Initialize best approximation\n let bestError = Infinity;\n let bestNumerator = 0;\n let bestDenominator = 1;\n\n // Check common fractions first for better user experience\n // Filter to only include fractions with denominators <= maxDenominator\n const commonFractions = [\n { n: 1, d: 2 }, // 1/2\n { n: 1, d: 3 }, // 1/3\n { n: 2, d: 3 }, // 2/3\n { n: 1, d: 4 }, // 1/4\n { n: 3, d: 4 }, // 3/4\n ];\n\n // Add additional fractions only if maxDenominator allows\n const additionalFractions = [];\n if (maxDenominator >= 5) {\n additionalFractions.push(\n { n: 1, d: 5 }, // 1/5\n { n: 2, d: 5 }, // 2/5\n { n: 3, d: 5 }, // 3/5\n { n: 4, d: 5 }, // 4/5\n );\n }\n if (maxDenominator >= 6) {\n additionalFractions.push(\n { n: 1, d: 6 }, // 1/6\n { n: 5, d: 6 }, // 5/6\n );\n }\n if (maxDenominator >= 8) {\n additionalFractions.push(\n { n: 1, d: 8 }, // 1/8\n { n: 3, d: 8 }, // 3/8\n { n: 5, d: 8 }, // 5/8\n { n: 7, d: 8 }, // 7/8\n );\n }\n if (maxDenominator >= 10) {\n additionalFractions.push(\n { n: 1, d: 10 }, // 1/10\n { n: 3, d: 10 }, // 3/10\n { n: 7, d: 10 }, // 7/10\n { n: 9, d: 10 }, // 9/10\n );\n }\n if (maxDenominator >= 12) {\n additionalFractions.push(\n { n: 1, d: 12 }, // 1/12\n { n: 5, d: 12 }, // 5/12\n { n: 7, d: 12 }, // 7/12\n { n: 11, d: 12 }, // 11/12\n );\n }\n if (maxDenominator >= 16) {\n additionalFractions.push(\n { n: 1, d: 16 }, // 1/16\n { n: 3, d: 16 }, // 3/16\n { n: 5, d: 16 }, // 5/16\n { n: 7, d: 16 }, // 7/16\n { n: 9, d: 16 }, // 9/16\n { n: 11, d: 16 }, // 11/16\n { n: 13, d: 16 }, // 13/16\n { n: 15, d: 16 }, // 15/16\n );\n }\n\n // Combine all applicable fractions\n const allFractions = [...commonFractions, ...additionalFractions];\n\n // Check common fractions first\n for (const frac of allFractions) {\n if (frac.d <= maxDenominator) {\n const error = Math.abs(decimal - frac.n / frac.d);\n if (error < bestError) {\n bestError = error;\n bestNumerator = frac.n;\n bestDenominator = frac.d;\n\n // If we're very close to a common fraction, just use it\n if (error < 1 / Math.pow(10, precision)) {\n return { numerator: frac.n, denominator: frac.d };\n }\n }\n }\n }\n\n // If no suitable common fraction found, use a more sophisticated approach\n // for denominators up to maxDenominator\n\n // Find the best approximation with denominator <= maxDenominator\n for (let d = 1; d <= maxDenominator; d++) {\n // Find best numerator for this denominator\n const n = Math.round(decimal * d);\n const error = Math.abs(decimal - n / d);\n\n if (error < bestError) {\n bestError = error;\n bestNumerator = n;\n bestDenominator = d;\n }\n }\n\n // Only use continued fraction expansion if we're significantly off\n // and maxDenominator allows for larger denominators\n if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n // Implementation of continued fraction expansion\n let n1 = 1,\n n2 = 0;\n let d1 = 0,\n d2 = 1;\n let b = decimal;\n\n do {\n let a = Math.floor(b);\n let aux = n1;\n n1 = a * n1 + n2;\n n2 = aux;\n\n aux = d1;\n d1 = a * d1 + d2;\n d2 = aux;\n\n b = 1 / (b - a);\n\n // Calculate the current approximation\n const currentError = Math.abs(decimal - n1 / d1);\n\n // If we hit the precision limit or if the denominator gets too large, use this approximation\n if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n // If d1 exceeds maxDenominator, return the previous best result\n if (d1 > maxDenominator) {\n return { numerator: bestNumerator, denominator: bestDenominator };\n }\n\n // Otherwise return this result\n return { numerator: n1, denominator: d1 };\n }\n } while (b !== Infinity);\n\n bestNumerator = n1;\n bestDenominator = d1;\n }\n\n // Simplify the fraction\n const gcd = this.findGCD(bestNumerator, bestDenominator);\n return {\n numerator: bestNumerator / gcd,\n denominator: bestDenominator / gcd,\n };\n }\n\n /**\n * Calculates the greatest common divisor of two numbers\n */\n private findGCD(a: number, b: number): number {\n return b === 0 ? a : this.findGCD(b, a % b);\n }\n\n /**\n * Alternative method to get a formatted mixed fraction with a specified format\n *\n * @param number The decimal number to convert\n * @param format The format specification ('unicode', 'ascii', 'superscript')\n * @param precision The precision level for fraction approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A formatted string representing the mixed fraction\n */\n formatMixedFraction(\n number: number,\n format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Get the basic mixed fraction\n const basicFraction = this.toMixedFraction(\n number,\n precision,\n maxDenominator,\n );\n\n // If the format is ascii, just return the basic fraction\n if (format === \"ascii\") {\n return basicFraction;\n }\n\n // For unicode and superscript formats, we need to parse the basic fraction\n const isNegative = basicFraction.startsWith(\"-\");\n const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n // Check if it's a pure fraction or mixed fraction\n const hasMixedPart = withoutSign.includes(\" \");\n\n if (!withoutSign.includes(\"/\")) {\n // If there's no fraction part, just return the number\n return basicFraction;\n }\n\n let wholePart = \"\";\n let fractionPart = withoutSign;\n\n if (hasMixedPart) {\n // Split the whole and fraction parts\n const parts = withoutSign.split(\" \");\n wholePart = parts[0];\n fractionPart = parts[1];\n }\n\n // Split the fraction part into numerator and denominator\n const [numerator, denominator] = fractionPart.split(\"/\");\n\n if (format === \"unicode\") {\n // Try to find a unicode fraction character\n const unicodeFraction = this.getUnicodeFraction(\n parseInt(numerator),\n parseInt(denominator),\n );\n\n if (unicodeFraction) {\n return isNegative\n ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n }\n\n // Fallback to basic format if no unicode fraction is available\n return basicFraction;\n }\n\n // Handle superscript format\n if (format === \"superscript\") {\n const superNumerator = this.toSuperscript(numerator);\n const subDenominator = this.toSubscript(denominator);\n\n if (hasMixedPart) {\n return isNegative\n ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n } else {\n return isNegative\n ? `-${superNumerator}⁄${subDenominator}`\n : `${superNumerator}⁄${subDenominator}`;\n }\n }\n\n // Fallback to basic format\n return basicFraction;\n }\n\n /**\n * Gets the Unicode fraction character if available\n *\n * @param numerator The numerator\n * @param denominator The denominator\n * @returns Unicode fraction character or null if not available\n */\n private getUnicodeFraction(\n numerator: number,\n denominator: number,\n ): string | null {\n // Map common fractions to their Unicode characters\n const fractionMap: Record<string, string> = {\n \"1/4\": \"¼\",\n \"1/2\": \"½\",\n \"3/4\": \"¾\",\n \"1/3\": \"⅓\",\n \"2/3\": \"⅔\",\n \"1/5\": \"⅕\",\n \"2/5\": \"⅖\",\n \"3/5\": \"⅗\",\n \"4/5\": \"⅘\",\n \"1/6\": \"⅙\",\n \"5/6\": \"⅚\",\n \"1/7\": \"⅐\",\n \"1/8\": \"⅛\",\n \"3/8\": \"⅜\",\n \"5/8\": \"⅝\",\n \"7/8\": \"⅞\",\n \"1/9\": \"⅑\",\n \"1/10\": \"⅒\",\n };\n\n const key = `${numerator}/${denominator}`;\n return fractionMap[key] || null;\n }\n\n /**\n * Converts digits to superscript\n */\n private toSuperscript(str: string): string {\n const superscriptMap: Record<string, string> = {\n \"0\": \"⁰\",\n \"1\": \"¹\",\n \"2\": \"²\",\n \"3\": \"³\",\n \"4\": \"⁴\",\n \"5\": \"⁵\",\n \"6\": \"⁶\",\n \"7\": \"⁷\",\n \"8\": \"⁸\",\n \"9\": \"⁹\",\n \"-\": \"⁻\",\n };\n\n return str\n .split(\"\")\n .map((char) => superscriptMap[char] || char)\n .join(\"\");\n }\n\n /**\n * Converts digits to subscript\n */\n private toSubscript(str: string): string {\n const subscriptMap: Record<string, string> = {\n \"0\": \"₀\",\n \"1\": \"₁\",\n \"2\": \"₂\",\n \"3\": \"₃\",\n \"4\": \"₄\",\n \"5\": \"₅\",\n \"6\": \"₆\",\n \"7\": \"₇\",\n \"8\": \"₈\",\n \"9\": \"₉\",\n \"-\": \"₋\",\n };\n\n return str\n .split(\"\")\n .map((char) => subscriptMap[char] || char)\n .join(\"\");\n }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils-C-Q8ePtG.cjs","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n if (typeof navigator !== 'undefined' && navigator.language) {\n return navigator.language\n }\n return 'de-DE'\n}\n\nexport class Numbers {\n /**\n * The system locale detected from user's browser/OS settings.\n * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n */\n readonly systemLocale = getSystemLocale()\n\n /**\n * Rounds a number to the specified number of decimal places.\n * @param {number} number - The number to round.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @returns {number} - The rounded number.\n */\n roundNumber(number: number, decimalPlaces: number = 2): number {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n }\n\n /**\n * Formats a number according to the specified locale and options.\n * Uses the user's system locale by default for display formatting.\n *\n * @param {number} number - The number to format.\n * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n *\n * @example\n * // Uses system locale (e.g., user's browser setting)\n * numbers.formatNumber(1234.56)\n *\n * // Explicit locale for exports (bank systems expect German format)\n * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n */\n formatNumber(\n number: number,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n return new Intl.NumberFormat(locale, options).format(number);\n }\n\n /**\n * Parses a string with a specified decimal separator into a number.\n * @param {string} numberString - The string to parse.\n * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n * @returns {number} - The parsed number.\n */\n parseToPureNumber(\n numberString: string,\n decimalSeparator: string = \",\",\n ): number {\n const normalizedString = numberString.replace(decimalSeparator, \".\");\n return parseFloat(normalizedString);\n }\n\n /**\n * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n * Uses the user's system locale by default.\n *\n * @param {number} number - The number to process.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @param {string} [locale] - The locale string. Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n */\n doIt(\n number: number,\n decimalPlaces: number = 2,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n const roundedNumber = this.roundNumber(number, decimalPlaces);\n return this.formatNumber(roundedNumber, locale, options);\n }\n\n /**\n * Format a currency amount consistently across the application\n *\n * @param amount The amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted amount with currency symbol\n */\n formatCurrency(amount: number, currency: string = \"€\"): string {\n return `${currency}${this.doIt(amount)}`;\n }\n\n /**\n * Format a delta value with appropriate directional indicator\n *\n * @param delta The delta amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted delta with direction indicator and currency symbol\n */\n formatDelta(delta: number, currency: string = \"€\"): string {\n const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n }\n\n /**\n * Get CSS class for delta value\n *\n * @param delta The delta amount\n * @returns CSS class based on delta direction\n */\n getDeltaClass(delta: number): string {\n return delta > 0\n ? \"text-error-default\"\n : delta < 0\n ? \"text-primary-default\"\n : \"text-neutral\";\n }\n\n /**\n * Converts a decimal number to a mixed fraction string\n * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n *\n * @param number The decimal number to convert\n * @param precision The precision level for fraction approximation (default: 16)\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A string representing the mixed fraction\n */\n toMixedFraction(\n number: number,\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Handle negative numbers\n const isNegative = number < 0;\n number = Math.abs(number);\n\n // Extract whole number part\n const wholePart = Math.floor(number);\n\n // Extract decimal part and convert to fraction\n let decimalPart = number - wholePart;\n\n // If the decimal part is very small or zero, just return the whole number\n if (decimalPart < 1 / Math.pow(10, precision)) {\n return isNegative ? `-${wholePart}` : `${wholePart}`;\n }\n\n // Find the best fraction approximation using precision and max denominator\n const { numerator, denominator } = this.decimalToFraction(\n decimalPart,\n precision,\n maxDenominator,\n );\n\n // Format based on whether there's a whole part\n if (wholePart === 0) {\n return isNegative\n ? `-${numerator}/${denominator}`\n : `${numerator}/${denominator}`;\n } else {\n return isNegative\n ? `-${wholePart} ${numerator}/${denominator}`\n : `${wholePart} ${numerator}/${denominator}`;\n }\n }\n\n /**\n * Converts a decimal to a simplified fraction with a maximum denominator\n *\n * @param decimal The decimal part to convert (0 <= decimal < 1)\n * @param precision The precision level for approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns Object containing numerator and denominator\n */\n private decimalToFraction(\n decimal: number,\n precision: number,\n maxDenominator: number = 4,\n ): { numerator: number; denominator: number } {\n if (decimal === 0) {\n return { numerator: 0, denominator: 1 };\n }\n\n // Initialize best approximation\n let bestError = Infinity;\n let bestNumerator = 0;\n let bestDenominator = 1;\n\n // Check common fractions first for better user experience\n // Filter to only include fractions with denominators <= maxDenominator\n const commonFractions = [\n { n: 1, d: 2 }, // 1/2\n { n: 1, d: 3 }, // 1/3\n { n: 2, d: 3 }, // 2/3\n { n: 1, d: 4 }, // 1/4\n { n: 3, d: 4 }, // 3/4\n ];\n\n // Add additional fractions only if maxDenominator allows\n const additionalFractions = [];\n if (maxDenominator >= 5) {\n additionalFractions.push(\n { n: 1, d: 5 }, // 1/5\n { n: 2, d: 5 }, // 2/5\n { n: 3, d: 5 }, // 3/5\n { n: 4, d: 5 }, // 4/5\n );\n }\n if (maxDenominator >= 6) {\n additionalFractions.push(\n { n: 1, d: 6 }, // 1/6\n { n: 5, d: 6 }, // 5/6\n );\n }\n if (maxDenominator >= 8) {\n additionalFractions.push(\n { n: 1, d: 8 }, // 1/8\n { n: 3, d: 8 }, // 3/8\n { n: 5, d: 8 }, // 5/8\n { n: 7, d: 8 }, // 7/8\n );\n }\n if (maxDenominator >= 10) {\n additionalFractions.push(\n { n: 1, d: 10 }, // 1/10\n { n: 3, d: 10 }, // 3/10\n { n: 7, d: 10 }, // 7/10\n { n: 9, d: 10 }, // 9/10\n );\n }\n if (maxDenominator >= 12) {\n additionalFractions.push(\n { n: 1, d: 12 }, // 1/12\n { n: 5, d: 12 }, // 5/12\n { n: 7, d: 12 }, // 7/12\n { n: 11, d: 12 }, // 11/12\n );\n }\n if (maxDenominator >= 16) {\n additionalFractions.push(\n { n: 1, d: 16 }, // 1/16\n { n: 3, d: 16 }, // 3/16\n { n: 5, d: 16 }, // 5/16\n { n: 7, d: 16 }, // 7/16\n { n: 9, d: 16 }, // 9/16\n { n: 11, d: 16 }, // 11/16\n { n: 13, d: 16 }, // 13/16\n { n: 15, d: 16 }, // 15/16\n );\n }\n\n // Combine all applicable fractions\n const allFractions = [...commonFractions, ...additionalFractions];\n\n // Check common fractions first\n for (const frac of allFractions) {\n if (frac.d <= maxDenominator) {\n const error = Math.abs(decimal - frac.n / frac.d);\n if (error < bestError) {\n bestError = error;\n bestNumerator = frac.n;\n bestDenominator = frac.d;\n\n // If we're very close to a common fraction, just use it\n if (error < 1 / Math.pow(10, precision)) {\n return { numerator: frac.n, denominator: frac.d };\n }\n }\n }\n }\n\n // If no suitable common fraction found, use a more sophisticated approach\n // for denominators up to maxDenominator\n\n // Find the best approximation with denominator <= maxDenominator\n for (let d = 1; d <= maxDenominator; d++) {\n // Find best numerator for this denominator\n const n = Math.round(decimal * d);\n const error = Math.abs(decimal - n / d);\n\n if (error < bestError) {\n bestError = error;\n bestNumerator = n;\n bestDenominator = d;\n }\n }\n\n // Only use continued fraction expansion if we're significantly off\n // and maxDenominator allows for larger denominators\n if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n // Implementation of continued fraction expansion\n let n1 = 1,\n n2 = 0;\n let d1 = 0,\n d2 = 1;\n let b = decimal;\n\n do {\n let a = Math.floor(b);\n let aux = n1;\n n1 = a * n1 + n2;\n n2 = aux;\n\n aux = d1;\n d1 = a * d1 + d2;\n d2 = aux;\n\n b = 1 / (b - a);\n\n // Calculate the current approximation\n const currentError = Math.abs(decimal - n1 / d1);\n\n // If we hit the precision limit or if the denominator gets too large, use this approximation\n if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n // If d1 exceeds maxDenominator, return the previous best result\n if (d1 > maxDenominator) {\n return { numerator: bestNumerator, denominator: bestDenominator };\n }\n\n // Otherwise return this result\n return { numerator: n1, denominator: d1 };\n }\n } while (b !== Infinity);\n\n bestNumerator = n1;\n bestDenominator = d1;\n }\n\n // Simplify the fraction\n const gcd = this.findGCD(bestNumerator, bestDenominator);\n return {\n numerator: bestNumerator / gcd,\n denominator: bestDenominator / gcd,\n };\n }\n\n /**\n * Calculates the greatest common divisor of two numbers\n */\n private findGCD(a: number, b: number): number {\n return b === 0 ? a : this.findGCD(b, a % b);\n }\n\n /**\n * Alternative method to get a formatted mixed fraction with a specified format\n *\n * @param number The decimal number to convert\n * @param format The format specification ('unicode', 'ascii', 'superscript')\n * @param precision The precision level for fraction approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A formatted string representing the mixed fraction\n */\n formatMixedFraction(\n number: number,\n format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Get the basic mixed fraction\n const basicFraction = this.toMixedFraction(\n number,\n precision,\n maxDenominator,\n );\n\n // If the format is ascii, just return the basic fraction\n if (format === \"ascii\") {\n return basicFraction;\n }\n\n // For unicode and superscript formats, we need to parse the basic fraction\n const isNegative = basicFraction.startsWith(\"-\");\n const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n // Check if it's a pure fraction or mixed fraction\n const hasMixedPart = withoutSign.includes(\" \");\n\n if (!withoutSign.includes(\"/\")) {\n // If there's no fraction part, just return the number\n return basicFraction;\n }\n\n let wholePart = \"\";\n let fractionPart = withoutSign;\n\n if (hasMixedPart) {\n // Split the whole and fraction parts\n const parts = withoutSign.split(\" \");\n wholePart = parts[0];\n fractionPart = parts[1];\n }\n\n // Split the fraction part into numerator and denominator\n const [numerator, denominator] = fractionPart.split(\"/\");\n\n if (format === \"unicode\") {\n // Try to find a unicode fraction character\n const unicodeFraction = this.getUnicodeFraction(\n parseInt(numerator),\n parseInt(denominator),\n );\n\n if (unicodeFraction) {\n return isNegative\n ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n }\n\n // Fallback to basic format if no unicode fraction is available\n return basicFraction;\n }\n\n // Handle superscript format\n if (format === \"superscript\") {\n const superNumerator = this.toSuperscript(numerator);\n const subDenominator = this.toSubscript(denominator);\n\n if (hasMixedPart) {\n return isNegative\n ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n } else {\n return isNegative\n ? `-${superNumerator}⁄${subDenominator}`\n : `${superNumerator}⁄${subDenominator}`;\n }\n }\n\n // Fallback to basic format\n return basicFraction;\n }\n\n /**\n * Gets the Unicode fraction character if available\n *\n * @param numerator The numerator\n * @param denominator The denominator\n * @returns Unicode fraction character or null if not available\n */\n private getUnicodeFraction(\n numerator: number,\n denominator: number,\n ): string | null {\n // Map common fractions to their Unicode characters\n const fractionMap: Record<string, string> = {\n \"1/4\": \"¼\",\n \"1/2\": \"½\",\n \"3/4\": \"¾\",\n \"1/3\": \"⅓\",\n \"2/3\": \"⅔\",\n \"1/5\": \"⅕\",\n \"2/5\": \"⅖\",\n \"3/5\": \"⅗\",\n \"4/5\": \"⅘\",\n \"1/6\": \"⅙\",\n \"5/6\": \"⅚\",\n \"1/7\": \"⅐\",\n \"1/8\": \"⅛\",\n \"3/8\": \"⅜\",\n \"5/8\": \"⅝\",\n \"7/8\": \"⅞\",\n \"1/9\": \"⅑\",\n \"1/10\": \"⅒\",\n };\n\n const key = `${numerator}/${denominator}`;\n return fractionMap[key] || null;\n }\n\n /**\n * Converts digits to superscript\n */\n private toSuperscript(str: string): string {\n const superscriptMap: Record<string, string> = {\n \"0\": \"⁰\",\n \"1\": \"¹\",\n \"2\": \"²\",\n \"3\": \"³\",\n \"4\": \"⁴\",\n \"5\": \"⁵\",\n \"6\": \"⁶\",\n \"7\": \"⁷\",\n \"8\": \"⁸\",\n \"9\": \"⁹\",\n \"-\": \"⁻\",\n };\n\n return str\n .split(\"\")\n .map((char) => superscriptMap[char] || char)\n .join(\"\");\n }\n\n /**\n * Converts digits to subscript\n */\n private toSubscript(str: string): string {\n const subscriptMap: Record<string, string> = {\n \"0\": \"₀\",\n \"1\": \"₁\",\n \"2\": \"₂\",\n \"3\": \"₃\",\n \"4\": \"₄\",\n \"5\": \"₅\",\n \"6\": \"₆\",\n \"7\": \"₇\",\n \"8\": \"₈\",\n \"9\": \"₉\",\n \"-\": \"₋\",\n };\n\n return str\n .split(\"\")\n .map((char) => subscriptMap[char] || char)\n .join(\"\");\n }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils-Cj_nRRyx.js","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n if (typeof navigator !== 'undefined' && navigator.language) {\n return navigator.language\n }\n return 'de-DE'\n}\n\nexport class Numbers {\n /**\n * The system locale detected from user's browser/OS settings.\n * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n */\n readonly systemLocale = getSystemLocale()\n\n /**\n * Rounds a number to the specified number of decimal places.\n * @param {number} number - The number to round.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @returns {number} - The rounded number.\n */\n roundNumber(number: number, decimalPlaces: number = 2): number {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n }\n\n /**\n * Formats a number according to the specified locale and options.\n * Uses the user's system locale by default for display formatting.\n *\n * @param {number} number - The number to format.\n * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n *\n * @example\n * // Uses system locale (e.g., user's browser setting)\n * numbers.formatNumber(1234.56)\n *\n * // Explicit locale for exports (bank systems expect German format)\n * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n */\n formatNumber(\n number: number,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n return new Intl.NumberFormat(locale, options).format(number);\n }\n\n /**\n * Parses a string with a specified decimal separator into a number.\n * @param {string} numberString - The string to parse.\n * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n * @returns {number} - The parsed number.\n */\n parseToPureNumber(\n numberString: string,\n decimalSeparator: string = \",\",\n ): number {\n const normalizedString = numberString.replace(decimalSeparator, \".\");\n return parseFloat(normalizedString);\n }\n\n /**\n * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n * Uses the user's system locale by default.\n *\n * @param {number} number - The number to process.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @param {string} [locale] - The locale string. Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n */\n doIt(\n number: number,\n decimalPlaces: number = 2,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n const roundedNumber = this.roundNumber(number, decimalPlaces);\n return this.formatNumber(roundedNumber, locale, options);\n }\n\n /**\n * Format a currency amount consistently across the application\n *\n * @param amount The amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted amount with currency symbol\n */\n formatCurrency(amount: number, currency: string = \"€\"): string {\n return `${currency}${this.doIt(amount)}`;\n }\n\n /**\n * Format a delta value with appropriate directional indicator\n *\n * @param delta The delta amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted delta with direction indicator and currency symbol\n */\n formatDelta(delta: number, currency: string = \"€\"): string {\n const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n }\n\n /**\n * Get CSS class for delta value\n *\n * @param delta The delta amount\n * @returns CSS class based on delta direction\n */\n getDeltaClass(delta: number): string {\n return delta > 0\n ? \"text-error-default\"\n : delta < 0\n ? \"text-primary-default\"\n : \"text-neutral\";\n }\n\n /**\n * Converts a decimal number to a mixed fraction string\n * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n *\n * @param number The decimal number to convert\n * @param precision The precision level for fraction approximation (default: 16)\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A string representing the mixed fraction\n */\n toMixedFraction(\n number: number,\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Handle negative numbers\n const isNegative = number < 0;\n number = Math.abs(number);\n\n // Extract whole number part\n const wholePart = Math.floor(number);\n\n // Extract decimal part and convert to fraction\n let decimalPart = number - wholePart;\n\n // If the decimal part is very small or zero, just return the whole number\n if (decimalPart < 1 / Math.pow(10, precision)) {\n return isNegative ? `-${wholePart}` : `${wholePart}`;\n }\n\n // Find the best fraction approximation using precision and max denominator\n const { numerator, denominator } = this.decimalToFraction(\n decimalPart,\n precision,\n maxDenominator,\n );\n\n // Format based on whether there's a whole part\n if (wholePart === 0) {\n return isNegative\n ? `-${numerator}/${denominator}`\n : `${numerator}/${denominator}`;\n } else {\n return isNegative\n ? `-${wholePart} ${numerator}/${denominator}`\n : `${wholePart} ${numerator}/${denominator}`;\n }\n }\n\n /**\n * Converts a decimal to a simplified fraction with a maximum denominator\n *\n * @param decimal The decimal part to convert (0 <= decimal < 1)\n * @param precision The precision level for approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns Object containing numerator and denominator\n */\n private decimalToFraction(\n decimal: number,\n precision: number,\n maxDenominator: number = 4,\n ): { numerator: number; denominator: number } {\n if (decimal === 0) {\n return { numerator: 0, denominator: 1 };\n }\n\n // Initialize best approximation\n let bestError = Infinity;\n let bestNumerator = 0;\n let bestDenominator = 1;\n\n // Check common fractions first for better user experience\n // Filter to only include fractions with denominators <= maxDenominator\n const commonFractions = [\n { n: 1, d: 2 }, // 1/2\n { n: 1, d: 3 }, // 1/3\n { n: 2, d: 3 }, // 2/3\n { n: 1, d: 4 }, // 1/4\n { n: 3, d: 4 }, // 3/4\n ];\n\n // Add additional fractions only if maxDenominator allows\n const additionalFractions = [];\n if (maxDenominator >= 5) {\n additionalFractions.push(\n { n: 1, d: 5 }, // 1/5\n { n: 2, d: 5 }, // 2/5\n { n: 3, d: 5 }, // 3/5\n { n: 4, d: 5 }, // 4/5\n );\n }\n if (maxDenominator >= 6) {\n additionalFractions.push(\n { n: 1, d: 6 }, // 1/6\n { n: 5, d: 6 }, // 5/6\n );\n }\n if (maxDenominator >= 8) {\n additionalFractions.push(\n { n: 1, d: 8 }, // 1/8\n { n: 3, d: 8 }, // 3/8\n { n: 5, d: 8 }, // 5/8\n { n: 7, d: 8 }, // 7/8\n );\n }\n if (maxDenominator >= 10) {\n additionalFractions.push(\n { n: 1, d: 10 }, // 1/10\n { n: 3, d: 10 }, // 3/10\n { n: 7, d: 10 }, // 7/10\n { n: 9, d: 10 }, // 9/10\n );\n }\n if (maxDenominator >= 12) {\n additionalFractions.push(\n { n: 1, d: 12 }, // 1/12\n { n: 5, d: 12 }, // 5/12\n { n: 7, d: 12 }, // 7/12\n { n: 11, d: 12 }, // 11/12\n );\n }\n if (maxDenominator >= 16) {\n additionalFractions.push(\n { n: 1, d: 16 }, // 1/16\n { n: 3, d: 16 }, // 3/16\n { n: 5, d: 16 }, // 5/16\n { n: 7, d: 16 }, // 7/16\n { n: 9, d: 16 }, // 9/16\n { n: 11, d: 16 }, // 11/16\n { n: 13, d: 16 }, // 13/16\n { n: 15, d: 16 }, // 15/16\n );\n }\n\n // Combine all applicable fractions\n const allFractions = [...commonFractions, ...additionalFractions];\n\n // Check common fractions first\n for (const frac of allFractions) {\n if (frac.d <= maxDenominator) {\n const error = Math.abs(decimal - frac.n / frac.d);\n if (error < bestError) {\n bestError = error;\n bestNumerator = frac.n;\n bestDenominator = frac.d;\n\n // If we're very close to a common fraction, just use it\n if (error < 1 / Math.pow(10, precision)) {\n return { numerator: frac.n, denominator: frac.d };\n }\n }\n }\n }\n\n // If no suitable common fraction found, use a more sophisticated approach\n // for denominators up to maxDenominator\n\n // Find the best approximation with denominator <= maxDenominator\n for (let d = 1; d <= maxDenominator; d++) {\n // Find best numerator for this denominator\n const n = Math.round(decimal * d);\n const error = Math.abs(decimal - n / d);\n\n if (error < bestError) {\n bestError = error;\n bestNumerator = n;\n bestDenominator = d;\n }\n }\n\n // Only use continued fraction expansion if we're significantly off\n // and maxDenominator allows for larger denominators\n if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n // Implementation of continued fraction expansion\n let n1 = 1,\n n2 = 0;\n let d1 = 0,\n d2 = 1;\n let b = decimal;\n\n do {\n let a = Math.floor(b);\n let aux = n1;\n n1 = a * n1 + n2;\n n2 = aux;\n\n aux = d1;\n d1 = a * d1 + d2;\n d2 = aux;\n\n b = 1 / (b - a);\n\n // Calculate the current approximation\n const currentError = Math.abs(decimal - n1 / d1);\n\n // If we hit the precision limit or if the denominator gets too large, use this approximation\n if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n // If d1 exceeds maxDenominator, return the previous best result\n if (d1 > maxDenominator) {\n return { numerator: bestNumerator, denominator: bestDenominator };\n }\n\n // Otherwise return this result\n return { numerator: n1, denominator: d1 };\n }\n } while (b !== Infinity);\n\n bestNumerator = n1;\n bestDenominator = d1;\n }\n\n // Simplify the fraction\n const gcd = this.findGCD(bestNumerator, bestDenominator);\n return {\n numerator: bestNumerator / gcd,\n denominator: bestDenominator / gcd,\n };\n }\n\n /**\n * Calculates the greatest common divisor of two numbers\n */\n private findGCD(a: number, b: number): number {\n return b === 0 ? a : this.findGCD(b, a % b);\n }\n\n /**\n * Alternative method to get a formatted mixed fraction with a specified format\n *\n * @param number The decimal number to convert\n * @param format The format specification ('unicode', 'ascii', 'superscript')\n * @param precision The precision level for fraction approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A formatted string representing the mixed fraction\n */\n formatMixedFraction(\n number: number,\n format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Get the basic mixed fraction\n const basicFraction = this.toMixedFraction(\n number,\n precision,\n maxDenominator,\n );\n\n // If the format is ascii, just return the basic fraction\n if (format === \"ascii\") {\n return basicFraction;\n }\n\n // For unicode and superscript formats, we need to parse the basic fraction\n const isNegative = basicFraction.startsWith(\"-\");\n const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n // Check if it's a pure fraction or mixed fraction\n const hasMixedPart = withoutSign.includes(\" \");\n\n if (!withoutSign.includes(\"/\")) {\n // If there's no fraction part, just return the number\n return basicFraction;\n }\n\n let wholePart = \"\";\n let fractionPart = withoutSign;\n\n if (hasMixedPart) {\n // Split the whole and fraction parts\n const parts = withoutSign.split(\" \");\n wholePart = parts[0];\n fractionPart = parts[1];\n }\n\n // Split the fraction part into numerator and denominator\n const [numerator, denominator] = fractionPart.split(\"/\");\n\n if (format === \"unicode\") {\n // Try to find a unicode fraction character\n const unicodeFraction = this.getUnicodeFraction(\n parseInt(numerator),\n parseInt(denominator),\n );\n\n if (unicodeFraction) {\n return isNegative\n ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n }\n\n // Fallback to basic format if no unicode fraction is available\n return basicFraction;\n }\n\n // Handle superscript format\n if (format === \"superscript\") {\n const superNumerator = this.toSuperscript(numerator);\n const subDenominator = this.toSubscript(denominator);\n\n if (hasMixedPart) {\n return isNegative\n ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n } else {\n return isNegative\n ? `-${superNumerator}⁄${subDenominator}`\n : `${superNumerator}⁄${subDenominator}`;\n }\n }\n\n // Fallback to basic format\n return basicFraction;\n }\n\n /**\n * Gets the Unicode fraction character if available\n *\n * @param numerator The numerator\n * @param denominator The denominator\n * @returns Unicode fraction character or null if not available\n */\n private getUnicodeFraction(\n numerator: number,\n denominator: number,\n ): string | null {\n // Map common fractions to their Unicode characters\n const fractionMap: Record<string, string> = {\n \"1/4\": \"¼\",\n \"1/2\": \"½\",\n \"3/4\": \"¾\",\n \"1/3\": \"⅓\",\n \"2/3\": \"⅔\",\n \"1/5\": \"⅕\",\n \"2/5\": \"⅖\",\n \"3/5\": \"⅗\",\n \"4/5\": \"⅘\",\n \"1/6\": \"⅙\",\n \"5/6\": \"⅚\",\n \"1/7\": \"⅐\",\n \"1/8\": \"⅛\",\n \"3/8\": \"⅜\",\n \"5/8\": \"⅝\",\n \"7/8\": \"⅞\",\n \"1/9\": \"⅑\",\n \"1/10\": \"⅒\",\n };\n\n const key = `${numerator}/${denominator}`;\n return fractionMap[key] || null;\n }\n\n /**\n * Converts digits to superscript\n */\n private toSuperscript(str: string): string {\n const superscriptMap: Record<string, string> = {\n \"0\": \"⁰\",\n \"1\": \"¹\",\n \"2\": \"²\",\n \"3\": \"³\",\n \"4\": \"⁴\",\n \"5\": \"⁵\",\n \"6\": \"⁶\",\n \"7\": \"⁷\",\n \"8\": \"⁸\",\n \"9\": \"⁹\",\n \"-\": \"⁻\",\n };\n\n return str\n .split(\"\")\n .map((char) => superscriptMap[char] || char)\n .join(\"\");\n }\n\n /**\n * Converts digits to subscript\n */\n private toSubscript(str: string): string {\n const subscriptMap: Record<string, string> = {\n \"0\": \"₀\",\n \"1\": \"₁\",\n \"2\": \"₂\",\n \"3\": \"₃\",\n \"4\": \"₄\",\n \"5\": \"₅\",\n \"6\": \"₆\",\n \"7\": \"₇\",\n \"8\": \"₈\",\n \"9\": \"₉\",\n \"-\": \"₋\",\n };\n\n return str\n .split(\"\")\n .map((char) => subscriptMap[char] || char)\n .join(\"\");\n }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":";;;AAEA,SAAgB,EACf,GACA,IAAU,EACT,WAAW,IAAA,EAAA;CAGZ,OAAO,IAAI,GAAW,MAAA;EACrB,IAAM,IAAW,IAAI,sBAAqB,MAAA;GACzC,EAAW,KAAK,EAAA;KACd,EAAA;EAUH,OAPI,MAAM,QAAQ,EAAA,GACjB,EAAQ,SAAQ,MAAM,EAAS,QAAQ,EAAA,CAAA,GAEvC,EAAS,QAAQ,EAAA,QAIlB;GACC,EAAS,YAAA;;GAAA;;AClBZ,IAOa,IAAb,MAAA;CAAA,cAAA;EAAA,KAAA,eAN2B,OAAd,YAAc,OAAe,UAAU,WACzC,UAAU,WAEZ;;CAgBP,YAAY,GAAgB,IAAwB,GAAA;EAClD,IAAM,IAAkB,MAAI;EAC5B,OAAO,KAAK,MAAM,IAAS,EAAA,GAAU;;CAmBvC,aACE,GACA,IAAiB,KAAK,cACtB,IAAoC,EAAA,EAAA;EAEpC,OAAO,IAAI,KAAK,aAAa,GAAQ,EAAA,CAAS,OAAO,EAAA;;CASvD,kBACE,GACA,IAA2B,KAAA;EAE3B,IAAM,IAAmB,EAAa,QAAQ,GAAkB,IAAA;EAChE,OAAO,WAAW,EAAA;;CAapB,KACE,GACA,IAAwB,GACxB,IAAiB,KAAK,cACtB,IAAoC,EAAA,EAAA;EAEpC,IAAM,IAAgB,KAAK,YAAY,GAAQ,EAAA;EAC/C,OAAO,KAAK,aAAa,GAAe,GAAQ,EAAA;;CAUlD,eAAe,GAAgB,IAAmB,KAAA;EAChD,OAAO,GAAG,IAAW,KAAK,KAAK,EAAA;;CAUjC,YAAY,GAAe,IAAmB,KAAA;EAE5C,OAAO,GADQ,IAAQ,IAAI,MAAM,IAAQ,IAAI,MAAM,IAAA,GAC/B,IAAW,KAAK,KAAK,KAAK,IAAI,EAAA,CAAA;;CASpD,cAAc,GAAA;EACZ,OAAO,IAAQ,IACX,uBACA,IAAQ,IACN,yBACA;;CAYR,gBACE,GACA,IAAoB,IACpB,IAAyB,GAAA;EAGzB,IAAM,IAAa,IAAS;EAC5B,IAAS,KAAK,IAAI,EAAA;EAGlB,IAAM,IAAY,KAAK,MAAM,EAAA,EAGzB,IAAc,IAAS;EAG3B,IAAI,IAAc,IAAa,MAAI,GACjC,OAAO,IAAa,IAAI,MAAc,GAAG;EAI3C,IAAA,EAAM,WAAE,GAAA,aAAW,MAAgB,KAAK,kBACtC,GACA,GACA,EAAA;EAIF,OAAI,MAAc,IACT,IACH,IAAI,EAAA,GAAa,MACjB,GAAG,EAAA,GAAa,MAEb,IACH,IAAI,EAAA,GAAa,EAAA,GAAa,MAC9B,GAAG,EAAA,GAAa,EAAA,GAAa;;CAYrC,kBACE,GACA,GACA,IAAyB,GAAA;EAEzB,IAAI,MAAY,GACd,OAAO;GAAE,WAAW;GAAG,aAAa;GAAA;EAItC,IAAI,IAAY,UACZ,IAAgB,GAChB,IAAkB,GAahB,IAAsB,EAAA;EACxB,KAAkB,KACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,CAAA,EAGX,KAAkB,KACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,CAAA,EAGX,KAAkB,KACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,CAAA,EAGX,KAAkB,MACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,CAAA,EAGX,KAAkB,MACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAI,GAAG;GAAA,CAAA,EAGZ,KAAkB,MACpB,EAAoB,KAClB;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAG,GAAG;GAAA,EACX;GAAE,GAAG;GAAI,GAAG;GAAA,EACZ;GAAE,GAAG;GAAI,GAAG;GAAA,EACZ;GAAE,GAAG;GAAI,GAAG;GAAA,CAAA;EAKhB,IAAM,IAAe;GA7DnB;IAAE,GAAG;IAAG,GAAG;IAAA;GACX;IAAE,GAAG;IAAG,GAAG;IAAA;GACX;IAAE,GAAG;IAAG,GAAG;IAAA;GACX;IAAE,GAAG;IAAG,GAAG;IAAA;GACX;IAAE,GAAG;IAAG,GAAG;IAAA;GAAA,GAyDgC;GAAA;EAG7C,KAAK,IAAM,KAAQ,GACjB,IAAI,EAAK,KAAK,GAAgB;GAC5B,IAAM,IAAQ,KAAK,IAAI,IAAU,EAAK,IAAI,EAAK,EAAA;GAC/C,IAAI,IAAQ,MACV,IAAY,GACZ,IAAgB,EAAK,GACrB,IAAkB,EAAK,GAGnB,IAAQ,IAAa,MAAI,IAC3B,OAAO;IAAE,WAAW,EAAK;IAAG,aAAa,EAAK;IAAA;;EAUtD,KAAK,IAAI,IAAI,GAAG,KAAK,GAAgB,KAAK;GAExC,IAAM,IAAI,KAAK,MAAM,IAAU,EAAA,EACzB,IAAQ,KAAK,IAAI,IAAU,IAAI,EAAA;GAEjC,IAAQ,MACV,IAAY,GACZ,IAAgB,GAChB,IAAkB;;EAMtB,IAAI,IAAY,IAAa,OAAI,IAAY,MAAM,IAAiB,GAAG;GAErE,IAAI,IAAK,GACP,IAAK,GACH,IAAK,GACP,IAAK,GACH,IAAI;GAER,GAAG;IACD,IAAI,IAAI,KAAK,MAAM,EAAA,EACf,IAAM;IAcV,IAbA,IAAK,IAAI,IAAK,GACd,IAAK,GAEL,IAAM,GACN,IAAK,IAAI,IAAK,GACd,IAAK,GAEL,IAAI,KAAK,IAAI,IAGQ,KAAK,IAAI,IAAU,IAAK,EAAA,GAG1B,IAAa,MAAI,KAAc,IAAK,GAErD,OAAI,IAAK,IACA;KAAE,WAAW;KAAe,aAAa;KAAA,GAI3C;KAAE,WAAW;KAAI,aAAa;KAAA;YAEhC,MAAM;GAEf,IAAgB,GAChB,IAAkB;;EAIpB,IAAM,IAAM,KAAK,QAAQ,GAAe,EAAA;EACxC,OAAO;GACL,WAAW,IAAgB;GAC3B,aAAa,IAAkB;GAAA;;CAOnC,QAAgB,GAAW,GAAA;EACzB,OAAO,MAAM,IAAI,IAAI,KAAK,QAAQ,GAAG,IAAI,EAAA;;CAY3C,oBACE,GACA,IAA8C,SAC9C,IAAoB,IACpB,IAAyB,GAAA;EAGzB,IAAM,IAAgB,KAAK,gBACzB,GACA,GACA,EAAA;EAIF,IAAI,MAAW,SACb,OAAO;EAIT,IAAM,IAAa,EAAc,WAAW,IAAA,EACtC,IAAc,IAAa,EAAc,UAAU,EAAA,GAAK,GAGxD,IAAe,EAAY,SAAS,IAAA;EAE1C,IAAA,CAAK,EAAY,SAAS,IAAA,EAExB,OAAO;EAGT,IAAI,IAAY,IACZ,IAAe;EAEnB,IAAI,GAAc;GAEhB,IAAM,IAAQ,EAAY,MAAM,IAAA;GAChC,IAAY,EAAM,IAClB,IAAe,EAAM;;EAIvB,IAAA,CAAO,GAAW,KAAe,EAAa,MAAM,IAAA;EAEpD,IAAI,MAAW,WAAW;GAExB,IAAM,IAAkB,KAAK,mBAC3B,SAAS,EAAA,EACT,SAAS,EAAA,CAAA;GAGX,OAAI,IACK,IACH,IAAI,IAAY,IAAe,MAAM,KAAK,MAC1C,GAAG,IAAY,IAAe,MAAM,KAAK,MAIxC;;EAIT,IAAI,MAAW,eAAe;GAC5B,IAAM,IAAiB,KAAK,cAAc,EAAA,EACpC,IAAiB,KAAK,YAAY,EAAA;GAExC,OAAI,IACK,IACH,IAAI,EAAA,GAAa,EAAA,GAAkB,MACnC,GAAG,EAAA,GAAa,EAAA,GAAkB,MAE/B,IACH,IAAI,EAAA,GAAkB,MACtB,GAAG,EAAA,GAAkB;;EAK7B,OAAO;;CAUT,mBACE,GACA,GAAA;EAyBA,OAAO;GArBL,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,QAAQ;GAAA,CAIS,GADJ,EAAA,GAAa,QACD;;CAM7B,cAAsB,GAAA;EACpB,IAAM,IAAyC;GAC7C,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,KAAK;GAAA;EAGP,OAAO,EACJ,MAAM,GAAA,CACN,KAAK,MAAS,EAAe,MAAS,EAAA,CACtC,KAAK,GAAA;;CAMV,YAAoB,GAAA;EAClB,IAAM,IAAuC;GAC3C,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,KAAK;GAAA;EAGP,OAAO,EACJ,MAAM,GAAA,CACN,KAAK,MAAS,EAAa,MAAS,EAAA,CACpC,KAAK,GAAA;;;AAMI,IAAI,GAAA;AAAA,SAAA,QAAA,KAAA"}
|
|
1
|
+
{"version":3,"file":"utils-DXE5fBBd.js","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n if (typeof navigator !== 'undefined' && navigator.language) {\n return navigator.language\n }\n return 'de-DE'\n}\n\nexport class Numbers {\n /**\n * The system locale detected from user's browser/OS settings.\n * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n */\n readonly systemLocale = getSystemLocale()\n\n /**\n * Rounds a number to the specified number of decimal places.\n * @param {number} number - The number to round.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @returns {number} - The rounded number.\n */\n roundNumber(number: number, decimalPlaces: number = 2): number {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n }\n\n /**\n * Formats a number according to the specified locale and options.\n * Uses the user's system locale by default for display formatting.\n *\n * @param {number} number - The number to format.\n * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n *\n * @example\n * // Uses system locale (e.g., user's browser setting)\n * numbers.formatNumber(1234.56)\n *\n * // Explicit locale for exports (bank systems expect German format)\n * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n */\n formatNumber(\n number: number,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n return new Intl.NumberFormat(locale, options).format(number);\n }\n\n /**\n * Parses a string with a specified decimal separator into a number.\n * @param {string} numberString - The string to parse.\n * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n * @returns {number} - The parsed number.\n */\n parseToPureNumber(\n numberString: string,\n decimalSeparator: string = \",\",\n ): number {\n const normalizedString = numberString.replace(decimalSeparator, \".\");\n return parseFloat(normalizedString);\n }\n\n /**\n * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n * Uses the user's system locale by default.\n *\n * @param {number} number - The number to process.\n * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n * @param {string} [locale] - The locale string. Defaults to system locale.\n * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n * @returns {string} - The formatted number as a string.\n */\n doIt(\n number: number,\n decimalPlaces: number = 2,\n locale: string = this.systemLocale,\n options: Intl.NumberFormatOptions = {},\n ): string {\n const roundedNumber = this.roundNumber(number, decimalPlaces);\n return this.formatNumber(roundedNumber, locale, options);\n }\n\n /**\n * Format a currency amount consistently across the application\n *\n * @param amount The amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted amount with currency symbol\n */\n formatCurrency(amount: number, currency: string = \"€\"): string {\n return `${currency}${this.doIt(amount)}`;\n }\n\n /**\n * Format a delta value with appropriate directional indicator\n *\n * @param delta The delta amount to format\n * @param currency The currency symbol to display (default: '€')\n * @returns Formatted delta with direction indicator and currency symbol\n */\n formatDelta(delta: number, currency: string = \"€\"): string {\n const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n }\n\n /**\n * Get CSS class for delta value\n *\n * @param delta The delta amount\n * @returns CSS class based on delta direction\n */\n getDeltaClass(delta: number): string {\n return delta > 0\n ? \"text-error-default\"\n : delta < 0\n ? \"text-primary-default\"\n : \"text-neutral\";\n }\n\n /**\n * Converts a decimal number to a mixed fraction string\n * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n *\n * @param number The decimal number to convert\n * @param precision The precision level for fraction approximation (default: 16)\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A string representing the mixed fraction\n */\n toMixedFraction(\n number: number,\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Handle negative numbers\n const isNegative = number < 0;\n number = Math.abs(number);\n\n // Extract whole number part\n const wholePart = Math.floor(number);\n\n // Extract decimal part and convert to fraction\n let decimalPart = number - wholePart;\n\n // If the decimal part is very small or zero, just return the whole number\n if (decimalPart < 1 / Math.pow(10, precision)) {\n return isNegative ? `-${wholePart}` : `${wholePart}`;\n }\n\n // Find the best fraction approximation using precision and max denominator\n const { numerator, denominator } = this.decimalToFraction(\n decimalPart,\n precision,\n maxDenominator,\n );\n\n // Format based on whether there's a whole part\n if (wholePart === 0) {\n return isNegative\n ? `-${numerator}/${denominator}`\n : `${numerator}/${denominator}`;\n } else {\n return isNegative\n ? `-${wholePart} ${numerator}/${denominator}`\n : `${wholePart} ${numerator}/${denominator}`;\n }\n }\n\n /**\n * Converts a decimal to a simplified fraction with a maximum denominator\n *\n * @param decimal The decimal part to convert (0 <= decimal < 1)\n * @param precision The precision level for approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns Object containing numerator and denominator\n */\n private decimalToFraction(\n decimal: number,\n precision: number,\n maxDenominator: number = 4,\n ): { numerator: number; denominator: number } {\n if (decimal === 0) {\n return { numerator: 0, denominator: 1 };\n }\n\n // Initialize best approximation\n let bestError = Infinity;\n let bestNumerator = 0;\n let bestDenominator = 1;\n\n // Check common fractions first for better user experience\n // Filter to only include fractions with denominators <= maxDenominator\n const commonFractions = [\n { n: 1, d: 2 }, // 1/2\n { n: 1, d: 3 }, // 1/3\n { n: 2, d: 3 }, // 2/3\n { n: 1, d: 4 }, // 1/4\n { n: 3, d: 4 }, // 3/4\n ];\n\n // Add additional fractions only if maxDenominator allows\n const additionalFractions = [];\n if (maxDenominator >= 5) {\n additionalFractions.push(\n { n: 1, d: 5 }, // 1/5\n { n: 2, d: 5 }, // 2/5\n { n: 3, d: 5 }, // 3/5\n { n: 4, d: 5 }, // 4/5\n );\n }\n if (maxDenominator >= 6) {\n additionalFractions.push(\n { n: 1, d: 6 }, // 1/6\n { n: 5, d: 6 }, // 5/6\n );\n }\n if (maxDenominator >= 8) {\n additionalFractions.push(\n { n: 1, d: 8 }, // 1/8\n { n: 3, d: 8 }, // 3/8\n { n: 5, d: 8 }, // 5/8\n { n: 7, d: 8 }, // 7/8\n );\n }\n if (maxDenominator >= 10) {\n additionalFractions.push(\n { n: 1, d: 10 }, // 1/10\n { n: 3, d: 10 }, // 3/10\n { n: 7, d: 10 }, // 7/10\n { n: 9, d: 10 }, // 9/10\n );\n }\n if (maxDenominator >= 12) {\n additionalFractions.push(\n { n: 1, d: 12 }, // 1/12\n { n: 5, d: 12 }, // 5/12\n { n: 7, d: 12 }, // 7/12\n { n: 11, d: 12 }, // 11/12\n );\n }\n if (maxDenominator >= 16) {\n additionalFractions.push(\n { n: 1, d: 16 }, // 1/16\n { n: 3, d: 16 }, // 3/16\n { n: 5, d: 16 }, // 5/16\n { n: 7, d: 16 }, // 7/16\n { n: 9, d: 16 }, // 9/16\n { n: 11, d: 16 }, // 11/16\n { n: 13, d: 16 }, // 13/16\n { n: 15, d: 16 }, // 15/16\n );\n }\n\n // Combine all applicable fractions\n const allFractions = [...commonFractions, ...additionalFractions];\n\n // Check common fractions first\n for (const frac of allFractions) {\n if (frac.d <= maxDenominator) {\n const error = Math.abs(decimal - frac.n / frac.d);\n if (error < bestError) {\n bestError = error;\n bestNumerator = frac.n;\n bestDenominator = frac.d;\n\n // If we're very close to a common fraction, just use it\n if (error < 1 / Math.pow(10, precision)) {\n return { numerator: frac.n, denominator: frac.d };\n }\n }\n }\n }\n\n // If no suitable common fraction found, use a more sophisticated approach\n // for denominators up to maxDenominator\n\n // Find the best approximation with denominator <= maxDenominator\n for (let d = 1; d <= maxDenominator; d++) {\n // Find best numerator for this denominator\n const n = Math.round(decimal * d);\n const error = Math.abs(decimal - n / d);\n\n if (error < bestError) {\n bestError = error;\n bestNumerator = n;\n bestDenominator = d;\n }\n }\n\n // Only use continued fraction expansion if we're significantly off\n // and maxDenominator allows for larger denominators\n if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n // Implementation of continued fraction expansion\n let n1 = 1,\n n2 = 0;\n let d1 = 0,\n d2 = 1;\n let b = decimal;\n\n do {\n let a = Math.floor(b);\n let aux = n1;\n n1 = a * n1 + n2;\n n2 = aux;\n\n aux = d1;\n d1 = a * d1 + d2;\n d2 = aux;\n\n b = 1 / (b - a);\n\n // Calculate the current approximation\n const currentError = Math.abs(decimal - n1 / d1);\n\n // If we hit the precision limit or if the denominator gets too large, use this approximation\n if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n // If d1 exceeds maxDenominator, return the previous best result\n if (d1 > maxDenominator) {\n return { numerator: bestNumerator, denominator: bestDenominator };\n }\n\n // Otherwise return this result\n return { numerator: n1, denominator: d1 };\n }\n } while (b !== Infinity);\n\n bestNumerator = n1;\n bestDenominator = d1;\n }\n\n // Simplify the fraction\n const gcd = this.findGCD(bestNumerator, bestDenominator);\n return {\n numerator: bestNumerator / gcd,\n denominator: bestDenominator / gcd,\n };\n }\n\n /**\n * Calculates the greatest common divisor of two numbers\n */\n private findGCD(a: number, b: number): number {\n return b === 0 ? a : this.findGCD(b, a % b);\n }\n\n /**\n * Alternative method to get a formatted mixed fraction with a specified format\n *\n * @param number The decimal number to convert\n * @param format The format specification ('unicode', 'ascii', 'superscript')\n * @param precision The precision level for fraction approximation\n * @param maxDenominator The maximum allowed denominator (default: 4)\n * @returns A formatted string representing the mixed fraction\n */\n formatMixedFraction(\n number: number,\n format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n precision: number = 16,\n maxDenominator: number = 4,\n ): string {\n // Get the basic mixed fraction\n const basicFraction = this.toMixedFraction(\n number,\n precision,\n maxDenominator,\n );\n\n // If the format is ascii, just return the basic fraction\n if (format === \"ascii\") {\n return basicFraction;\n }\n\n // For unicode and superscript formats, we need to parse the basic fraction\n const isNegative = basicFraction.startsWith(\"-\");\n const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n // Check if it's a pure fraction or mixed fraction\n const hasMixedPart = withoutSign.includes(\" \");\n\n if (!withoutSign.includes(\"/\")) {\n // If there's no fraction part, just return the number\n return basicFraction;\n }\n\n let wholePart = \"\";\n let fractionPart = withoutSign;\n\n if (hasMixedPart) {\n // Split the whole and fraction parts\n const parts = withoutSign.split(\" \");\n wholePart = parts[0];\n fractionPart = parts[1];\n }\n\n // Split the fraction part into numerator and denominator\n const [numerator, denominator] = fractionPart.split(\"/\");\n\n if (format === \"unicode\") {\n // Try to find a unicode fraction character\n const unicodeFraction = this.getUnicodeFraction(\n parseInt(numerator),\n parseInt(denominator),\n );\n\n if (unicodeFraction) {\n return isNegative\n ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n }\n\n // Fallback to basic format if no unicode fraction is available\n return basicFraction;\n }\n\n // Handle superscript format\n if (format === \"superscript\") {\n const superNumerator = this.toSuperscript(numerator);\n const subDenominator = this.toSubscript(denominator);\n\n if (hasMixedPart) {\n return isNegative\n ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n } else {\n return isNegative\n ? `-${superNumerator}⁄${subDenominator}`\n : `${superNumerator}⁄${subDenominator}`;\n }\n }\n\n // Fallback to basic format\n return basicFraction;\n }\n\n /**\n * Gets the Unicode fraction character if available\n *\n * @param numerator The numerator\n * @param denominator The denominator\n * @returns Unicode fraction character or null if not available\n */\n private getUnicodeFraction(\n numerator: number,\n denominator: number,\n ): string | null {\n // Map common fractions to their Unicode characters\n const fractionMap: Record<string, string> = {\n \"1/4\": \"¼\",\n \"1/2\": \"½\",\n \"3/4\": \"¾\",\n \"1/3\": \"⅓\",\n \"2/3\": \"⅔\",\n \"1/5\": \"⅕\",\n \"2/5\": \"⅖\",\n \"3/5\": \"⅗\",\n \"4/5\": \"⅘\",\n \"1/6\": \"⅙\",\n \"5/6\": \"⅚\",\n \"1/7\": \"⅐\",\n \"1/8\": \"⅛\",\n \"3/8\": \"⅜\",\n \"5/8\": \"⅝\",\n \"7/8\": \"⅞\",\n \"1/9\": \"⅑\",\n \"1/10\": \"⅒\",\n };\n\n const key = `${numerator}/${denominator}`;\n return fractionMap[key] || null;\n }\n\n /**\n * Converts digits to superscript\n */\n private toSuperscript(str: string): string {\n const superscriptMap: Record<string, string> = {\n \"0\": \"⁰\",\n \"1\": \"¹\",\n \"2\": \"²\",\n \"3\": \"³\",\n \"4\": \"⁴\",\n \"5\": \"⁵\",\n \"6\": \"⁶\",\n \"7\": \"⁷\",\n \"8\": \"⁸\",\n \"9\": \"⁹\",\n \"-\": \"⁻\",\n };\n\n return str\n .split(\"\")\n .map((char) => superscriptMap[char] || char)\n .join(\"\");\n }\n\n /**\n * Converts digits to subscript\n */\n private toSubscript(str: string): string {\n const subscriptMap: Record<string, string> = {\n \"0\": \"₀\",\n \"1\": \"₁\",\n \"2\": \"₂\",\n \"3\": \"₃\",\n \"4\": \"₄\",\n \"5\": \"₅\",\n \"6\": \"₆\",\n \"7\": \"₇\",\n \"8\": \"₈\",\n \"9\": \"₉\",\n \"-\": \"₋\",\n };\n\n return str\n .split(\"\")\n .map((char) => subscriptMap[char] || char)\n .join(\"\");\n }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}
|
package/dist/utils.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./search-DPKoC-dT.cjs`),t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./overlay-stack-Dk0xETTy.cjs`),r=require(`./utils-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./search-DPKoC-dT.cjs`),t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./overlay-stack-Dk0xETTy.cjs`),r=require(`./utils-C-Q8ePtG.cjs`);exports.ANIMATION_CSS_VARS=t.t,exports.BLACKBIRD_EASING=t.n,exports.DURATION_BACKDROP=t.r,exports.DURATION_ENTER=t.i,exports.DURATION_EXIT=t.a,exports.EASE_IN=t.o,exports.EASE_OUT=t.s,exports.GRID_ANIMATION_CSS=t.c,exports.Numbers=r.t,exports.SPRING_BOUNCY=t.l,exports.SPRING_GENTLE=t.u,exports.SPRING_SMOOTH=t.d,exports.SPRING_SNAPPY=t.f,exports.createAnimation=t.p,exports.createDismissAnimation=t.m,exports.createRevealAnimation=t.h,exports.createScaleAnimation=t.g,exports.getEasing=t._,exports.intersection$=r.n,exports.overlayStack=n.t,exports.prefersReducedMotion=t.v,exports.similarity=e.t,exports.tailwindAnimations=t.y;
|
package/dist/utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./search-MvIBA93K.js";
|
|
2
2
|
import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./animation-DCznELuT.js";
|
|
3
3
|
import { t as b } from "./overlay-stack-BR4iYivO.js";
|
|
4
|
-
import { n as x, t as S } from "./utils-
|
|
4
|
+
import { n as x, t as S } from "./utils-DXE5fBBd.js";
|
|
5
5
|
export { g as ANIMATION_CSS_VARS, d as BLACKBIRD_EASING, m as DURATION_BACKDROP, c as DURATION_ENTER, n as DURATION_EXIT, f as EASE_IN, h as EASE_OUT, r as GRID_ANIMATION_CSS, S as Numbers, l as SPRING_BOUNCY, _ as SPRING_GENTLE, i as SPRING_SMOOTH, a as SPRING_SNAPPY, p as createAnimation, u as createDismissAnimation, s as createRevealAnimation, o as createScaleAnimation, t as getEasing, x as intersection$, b as overlayStack, v as prefersReducedMotion, e as similarity, y as tailwindAnimations };
|
|
@@ -3,7 +3,7 @@ import { a as t } from "./active-host-BP0zy_Y9.js";
|
|
|
3
3
|
import { d as n, f as r } from "./animation-DCznELuT.js";
|
|
4
4
|
import { t as i } from "./reduced-motion-D7LqTUMn.js";
|
|
5
5
|
import { t as a } from "./cursor-glow-Cs2XLDB9.js";
|
|
6
|
-
import { n as o } from "./theme.service-
|
|
6
|
+
import { n as o } from "./theme.service-CSzNkqBB.js";
|
|
7
7
|
import { t as s } from "./overlay-stack-BR4iYivO.js";
|
|
8
8
|
import { BehaviorSubject as c, EMPTY as l, Observable as u, animationFrameScheduler as d, auditTime as f, catchError as p, distinctUntilChanged as m, filter as h, finalize as g, from as _, fromEvent as v, map as y, merge as b, switchMap as x, take as S, takeUntil as C, tap as w } from "rxjs";
|
|
9
9
|
import { classMap as T } from "lit/directives/class-map.js";
|