@prometa/sleek 0.0.4
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/LICENSE +21 -0
- package/dist/chartjs-chart.cjs +44 -0
- package/dist/chartjs-chart.js +15995 -0
- package/dist/components/chartjs-chart.d.ts +26 -0
- package/dist/components/chartjs-chart.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components.cjs +1 -0
- package/dist/components.d.ts +2 -0
- package/dist/components.js +6 -0
- package/dist/main.d.ts +13 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/sleek.cjs +1 -0
- package/dist/sleek.d.ts +2 -0
- package/dist/sleek.js +54 -0
- package/dist/utils.cjs +1 -0
- package/dist/utils.d.ts +2 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +10 -0
- package/package.json +37 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare class ChartElement extends HTMLElement {
|
|
2
|
+
#private;
|
|
3
|
+
connectedCallback(): void;
|
|
4
|
+
set data(data: any);
|
|
5
|
+
set options(options: any);
|
|
6
|
+
addOrReplaceDataset(predicate: any, dataset: any): void;
|
|
7
|
+
removeDataset(predicate: any): void;
|
|
8
|
+
addOrReplaceAnnotation(predicate: any, annotation: any): void;
|
|
9
|
+
removeAnnotation(predicate: any): void;
|
|
10
|
+
/**
|
|
11
|
+
* Force an update to the underlying chart.
|
|
12
|
+
*
|
|
13
|
+
* Using a simple debounce implementation, since multiple datasets could change at the same time,
|
|
14
|
+
* and we don't want to spam updates.
|
|
15
|
+
*/
|
|
16
|
+
update(): void;
|
|
17
|
+
}
|
|
18
|
+
export declare class ChartDataset extends HTMLElement {
|
|
19
|
+
#private;
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
disconnectedCallback(): void;
|
|
22
|
+
syncDataset(): void;
|
|
23
|
+
get data(): any;
|
|
24
|
+
}
|
|
25
|
+
export declare function snakeToCamel(str: string): string;
|
|
26
|
+
//# sourceMappingURL=chartjs-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chartjs-chart.d.ts","sourceRoot":"","sources":["../../src/components/chartjs-chart.ts"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAA;AAYjC,qBAAa,YAAa,SAAQ,WAAW;;IAG3C,iBAAiB;IAiCjB,IAAI,IAAI,CAAC,IAAI,KAAA,EAGZ;IAED,IAAI,OAAO,CAAC,OAAO,KAAA,EAElB;IAED,mBAAmB,CAAC,SAAS,KAAA,EAAE,OAAO,KAAA;IAUtC,aAAa,CAAC,SAAS,KAAA;IAKvB,sBAAsB,CAAC,SAAS,KAAA,EAAE,UAAU,KAAA;IAkB5C,gBAAgB,CAAC,SAAS,KAAA;IAM1B;;;;;OAKG;IACH,MAAM;CAQP;AAGD,qBAAa,YAAa,SAAQ,WAAW;;IAI3C,iBAAiB;IAqBjB,oBAAoB;IAKpB,WAAW;IAcX,IAAI,IAAI,QAWP;CACF;AASD,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAOvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,2CAEnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return Object.assign({"./chartjs-chart.ts":()=>Promise.resolve().then(()=>require("./chartjs-chart.cjs"))})}exports.importCustomElements=e;
|
package/dist/main.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from './utils';
|
|
2
|
+
export declare function loadCustomElements(mapping: CustomElementLoaderMapping, { resolveTagName, watch, }?: {
|
|
3
|
+
resolveTagName?: (key: string) => string;
|
|
4
|
+
watch?: boolean;
|
|
5
|
+
}): Handle;
|
|
6
|
+
type CustomElementLoaderMapping = Record<string, () => Promise<unknown>>;
|
|
7
|
+
type Handle = {
|
|
8
|
+
addEventListener: EventTarget['addEventListener'];
|
|
9
|
+
on: EventTarget['addEventListener'];
|
|
10
|
+
removeEventListener: EventTarget['removeEventListener'];
|
|
11
|
+
off: EventTarget['removeEventListener'];
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=main.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AAEvB,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,0BAA0B,EACnC,EACE,cAA6B,EAC7B,KAAY,GACb,GAAE;IAAE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,MAAM,CAmER;AAED,KAAK,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;AACxE,KAAK,MAAM,GAAG;IACZ,gBAAgB,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACjD,EAAE,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACnC,mBAAmB,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;IACvD,GAAG,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;CACxC,CAAA"}
|
package/dist/sleek.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./utils.cjs");function L(r,{resolveTagName:f=h,watch:E=!0}={}){const t=new EventTarget,i=Object.fromEntries(Object.entries(r).map(([e,n])=>[f(e),n]));d(),E&&v();function c(e){if(i[e]){if(o("element:load-start",{tagName:e},{cancelable:!0})===!1)return;i[e]().then(()=>o("element:loading",{tagName:e})).catch(s=>o("element:load-error",{tagName:e,error:s})).then(()=>o("element:load-end",{tagName:e}))}}function d(e=document){e.querySelectorAll(Object.keys(i).join(",")).forEach(n=>{m(n.tagName.toLowerCase())&&c(n.tagName.toLowerCase())})}function v(){new MutationObserver(n=>{o("observer:scan-start"),n.forEach(s=>{s.addedNodes.forEach(l=>{if(l.nodeType===Node.ELEMENT_NODE){const a=l;o("observer:scan-node",{node:a});const u=a.tagName.toLowerCase();m(u)&&c(u),d(a)}})}),o("observer:scan-end")}).observe(document.body,{childList:!0,subtree:!0})}function o(e,n={},s={}){return t.dispatchEvent(new CustomEvent(e,{detail:n,...s}))}return{addEventListener:t.addEventListener.bind(t),on:t.addEventListener.bind(t),removeEventListener:t.removeEventListener.bind(t),off:t.removeEventListener.bind(t)}}function m(r){return r.includes("-")&&!customElements.get(r)}function h(r){return r.split("/").pop().split(".").shift().toLowerCase()}exports.trySafeEval=b.trySafeEval;exports.loadCustomElements=L;
|
package/dist/sleek.d.ts
ADDED
package/dist/sleek.js
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { t as w } from "./utils.js";
|
|
2
|
+
function L(r, {
|
|
3
|
+
resolveTagName: m = b,
|
|
4
|
+
watch: E = !0
|
|
5
|
+
} = {}) {
|
|
6
|
+
const t = new EventTarget(), i = Object.fromEntries(
|
|
7
|
+
Object.entries(r).map(([e, n]) => [m(e), n])
|
|
8
|
+
);
|
|
9
|
+
a(), E && v();
|
|
10
|
+
function d(e) {
|
|
11
|
+
if (i[e]) {
|
|
12
|
+
if (o("element:load-start", { tagName: e }, { cancelable: !0 }) === !1) return;
|
|
13
|
+
i[e]().then(() => o("element:loading", { tagName: e })).catch((s) => o("element:load-error", { tagName: e, error: s })).then(() => o("element:load-end", { tagName: e }));
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
function a(e = document) {
|
|
17
|
+
e.querySelectorAll(Object.keys(i).join(",")).forEach((n) => {
|
|
18
|
+
f(n.tagName.toLowerCase()) && d(n.tagName.toLowerCase());
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function v() {
|
|
22
|
+
new MutationObserver((n) => {
|
|
23
|
+
o("observer:scan-start"), n.forEach((s) => {
|
|
24
|
+
s.addedNodes.forEach((l) => {
|
|
25
|
+
if (l.nodeType === Node.ELEMENT_NODE) {
|
|
26
|
+
const c = l;
|
|
27
|
+
o("observer:scan-node", { node: c });
|
|
28
|
+
const u = c.tagName.toLowerCase();
|
|
29
|
+
f(u) && d(u), a(c);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}), o("observer:scan-end");
|
|
33
|
+
}).observe(document.body, { childList: !0, subtree: !0 });
|
|
34
|
+
}
|
|
35
|
+
function o(e, n = {}, s = {}) {
|
|
36
|
+
return t.dispatchEvent(new CustomEvent(e, { detail: n, ...s }));
|
|
37
|
+
}
|
|
38
|
+
return {
|
|
39
|
+
addEventListener: t.addEventListener.bind(t),
|
|
40
|
+
on: t.addEventListener.bind(t),
|
|
41
|
+
removeEventListener: t.removeEventListener.bind(t),
|
|
42
|
+
off: t.removeEventListener.bind(t)
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
function f(r) {
|
|
46
|
+
return r.includes("-") && !customElements.get(r);
|
|
47
|
+
}
|
|
48
|
+
function b(r) {
|
|
49
|
+
return r.split("/").pop().split(".").shift().toLowerCase();
|
|
50
|
+
}
|
|
51
|
+
export {
|
|
52
|
+
L as loadCustomElements,
|
|
53
|
+
w as trySafeEval
|
|
54
|
+
};
|
package/dist/utils.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function r(t){try{return eval.call(null,`"use strict"; (${t})`)}catch{return t}}exports.trySafeEval=r;
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,OAMzC"}
|
package/dist/utils.js
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@prometa/sleek",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.0.4",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/sleek.umd.cjs",
|
|
10
|
+
"module": "./dist/sleek.js",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/sleek.js",
|
|
14
|
+
"require": "./dist/sleek.cjs"
|
|
15
|
+
},
|
|
16
|
+
"./components": {
|
|
17
|
+
"import": "./dist/components.js",
|
|
18
|
+
"require": "./dist/components.cjs"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "vite",
|
|
23
|
+
"build": "vite build",
|
|
24
|
+
"preview": "vite preview"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"chart.js": "^4.4.8",
|
|
28
|
+
"chartjs-adapter-date-fns": "^3.0.0",
|
|
29
|
+
"chartjs-plugin-annotation": "^3.1.0",
|
|
30
|
+
"chartjs-plugin-autocolors": "^0.3.1",
|
|
31
|
+
"chartjs-plugin-zoom": "^2.2.0"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"vite": "^6.2.0",
|
|
35
|
+
"vite-plugin-dts": "^4.5.3"
|
|
36
|
+
}
|
|
37
|
+
}
|