@chasi/ui - npm Package Compare versions

Comparing version 0.2.66 to 0.2.67

dist/Actions/index.js

@@ -1,4 +0,14 @@
-export { default as pannable } from './pannable.js';
-export { default as zoomable } from './zoomable.js';
-export { default as portal } from './portal.js';
-export { default as observer } from './observer.js';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.observer = exports.portal = exports.zoomable = exports.pannable = void 0;
+var pannable_js_1 = require("./pannable.js");
+Object.defineProperty(exports, "pannable", { enumerable: true, get: function () { return __importDefault(pannable_js_1).default; } });
+var zoomable_js_1 = require("./zoomable.js");
+Object.defineProperty(exports, "zoomable", { enumerable: true, get: function () { return __importDefault(zoomable_js_1).default; } });
+var portal_js_1 = require("./portal.js");
+Object.defineProperty(exports, "portal", { enumerable: true, get: function () { return __importDefault(portal_js_1).default; } });
+var observer_js_1 = require("./observer.js");
+Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return __importDefault(observer_js_1).default; } });

dist/Actions/observer.js

@@ -1,3 +0,5 @@
-import { BROWSER } from 'esm-env';
-if (BROWSER) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const esm_env_1 = require("esm-env");
+if (esm_env_1.BROWSER) {
     window.observer = new IntersectionObserver(entries => {
@@ -17,3 +19,3 @@ entries.forEach(entry => {
 }
-export default function (node, options) {
+function default_1(node, options) {
     //@ts-ignore
@@ -33,1 +35,2 @@ node.__onIntersect = (entry) => {
 }
+exports.default = default_1;

dist/Actions/pannable.js

@@ -1,6 +0,8 @@
-import { throttle } from '../utils.js';
-export default (node, params) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_js_1 = require("../utils.js");
+exports.default = (node, params) => {
     let x;
     let y;
-    const trotMove = throttle((event) => {
+    const trotMove = (0, utils_js_1.throttle)((event) => {
         if (!params || !params.onMove)
@@ -7,0 +9,0 @@ return;

dist/Actions/portal.js

@@ -1,2 +0,4 @@
-export default function (node, option) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function default_1(node, option) {
     const targetNode = document.querySelector(option.target);
@@ -17,1 +19,2 @@ if (!targetNode)
 }
+exports.default = default_1;

dist/Actions/zoomable.js

@@ -1,5 +0,7 @@
-import { throttle } from '../utils.js';
-export default (node, params) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_js_1 = require("../utils.js");
+exports.default = (node, params) => {
     let dist;
-    const trotZoom = throttle((e) => {
+    const trotZoom = (0, utils_js_1.throttle)((e) => {
         if (!params || !params.onZoom)
@@ -6,0 +8,0 @@ return;

dist/bin/theme.js

 #!/usr/bin/env node
-import fs from 'node:fs';
-import path from 'node:path';
-import url from 'node:url';
-import { generateTheme } from '../theme.js';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
+const node_url_1 = __importDefault(require("node:url"));
+const theme_js_1 = require("../theme.js");
 async function generate({ cwd = process.cwd() } = {}) {
-    const config_file = path.join(cwd, 'theme.js');
-    if (!fs.existsSync(config_file))
+    const config_file = node_path_1.default.join(cwd, 'theme.js');
+    if (!node_fs_1.default.existsSync(config_file))
         throw new Error('theme.js not found!!');
-    const configModule = (await import(`${url.pathToFileURL(config_file).href}?ts=${Date.now()}`));
+    const configModule = (await import(`${node_url_1.default.pathToFileURL(config_file).href}?ts=${Date.now()}`));
     const { config, pathToSave } = configModule.default;
     const useConf = config || {};
-    const result = generateTheme(useConf);
-    fs.writeFileSync(`${pathToSave}/theme.scss`, result);
+    const result = (0, theme_js_1.generateTheme)(useConf);
+    node_fs_1.default.writeFileSync(`${pathToSave}/theme.scss`, result);
     console.log(`File generated in ${pathToSave}/theme.scss`);
 }
 generate();

dist/CDraggableList/draggable-api.js

@@ -1,2 +0,5 @@
-export function createScroller(el, initialX, initialY) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScrollParent = exports.getElementIndex = exports.randomStr = exports.getHeight = exports.onTransitionEnd = exports.cloneElement = exports.runOnFrames = exports.createScroller = void 0;
+function createScroller(el, initialX, initialY) {
     const scroller = getScrollParent(el);
@@ -45,3 +48,4 @@ const totalH = window.innerHeight;
 }
-export function runOnFrames(callback, fps = 30) {
+exports.createScroller = createScroller;
+function runOnFrames(callback, fps = 30) {
     const interval = 1000 / fps;
@@ -64,3 +68,4 @@ let now;
 }
-export function cloneElement(el) {
+exports.runOnFrames = runOnFrames;
+function cloneElement(el) {
     const { top, left, width, height } = el.getBoundingClientRect();
@@ -117,3 +122,4 @@ const clone = el.cloneNode(true);
 }
-export function onTransitionEnd(el, callback) {
+exports.cloneElement = cloneElement;
+function onTransitionEnd(el, callback) {
     const getTransitionName = () => {
@@ -136,3 +142,4 @@ const transitions = {
 }
-export function getHeight(element) {
+exports.onTransitionEnd = onTransitionEnd;
+function getHeight(element) {
     const elBound = element.getBoundingClientRect();
@@ -145,6 +152,8 @@ const nextBound = element.nextElementSibling
 }
-export function randomStr() {
+exports.getHeight = getHeight;
+function randomStr() {
     return Math.random().toString(36).slice(-5);
 }
-export function getElementIndex(el) {
+exports.randomStr = randomStr;
+function getElementIndex(el) {
     if (!el.parentElement)
@@ -157,3 +166,4 @@ return 0;
 }
-export function getScrollParent(element) {
+exports.getElementIndex = getElementIndex;
+function getScrollParent(element) {
     let style = getComputedStyle(element);
@@ -178,1 +188,2 @@ const excludeStaticParent = style.position === 'absolute';
 }
+exports.getScrollParent = getScrollParent;

dist/CForms/CSelect.svelte.d.ts

@@ -14,2 +14,3 @@ import { SvelteComponent } from "svelte";
         filterBy?: boolean | (T extends Record<string, any> ? keyof T : undefined) | undefined;
+        selected?: ((v: T) => boolean) | undefined;
     };
@@ -16,0 +17,0 @@ events(): {

dist/CForms/rules.js

@@ -1,1 +0,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

dist/CGraph/index.js

@@ -1,6 +0,18 @@
-export { default as CGraph } from './CGraph.svelte';
-export { default as CPath } from './CPath.svelte';
-export { default as CCircle } from './CCircle.svelte';
-export { default as CRect } from './CRect.svelte';
-export { default as CAxisX } from './CAxis-x.svelte';
-export { default as CAxisY } from './CAxis-y.svelte';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CAxisY = exports.CAxisX = exports.CRect = exports.CCircle = exports.CPath = exports.CGraph = void 0;
+var CGraph_svelte_1 = require("./CGraph.svelte");
+Object.defineProperty(exports, "CGraph", { enumerable: true, get: function () { return __importDefault(CGraph_svelte_1).default; } });
+var CPath_svelte_1 = require("./CPath.svelte");
+Object.defineProperty(exports, "CPath", { enumerable: true, get: function () { return __importDefault(CPath_svelte_1).default; } });
+var CCircle_svelte_1 = require("./CCircle.svelte");
+Object.defineProperty(exports, "CCircle", { enumerable: true, get: function () { return __importDefault(CCircle_svelte_1).default; } });
+var CRect_svelte_1 = require("./CRect.svelte");
+Object.defineProperty(exports, "CRect", { enumerable: true, get: function () { return __importDefault(CRect_svelte_1).default; } });
+var CAxis_x_svelte_1 = require("./CAxis-x.svelte");
+Object.defineProperty(exports, "CAxisX", { enumerable: true, get: function () { return __importDefault(CAxis_x_svelte_1).default; } });
+var CAxis_y_svelte_1 = require("./CAxis-y.svelte");
+Object.defineProperty(exports, "CAxisY", { enumerable: true, get: function () { return __importDefault(CAxis_y_svelte_1).default; } });

dist/CGraph/ticks.js

@@ -0,5 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tickStep = exports.tickIncrement = void 0;
 const e10 = Math.sqrt(50);
 const e5 = Math.sqrt(10);
 const e2 = Math.sqrt(2);
-export default (start, stop, count) => {
+exports.default = (start, stop, count) => {
     if (start === stop && count > 0)
@@ -37,3 +40,3 @@ return [start];
 };
-export function tickIncrement(start, stop, count) {
+function tickIncrement(start, stop, count) {
     const step = (stop - start) / Math.max(0, count);
@@ -46,3 +49,4 @@ const power = Math.floor(Math.log(step) / Math.LN10);
 }
-export function tickStep(start, stop, count) {
+exports.tickIncrement = tickIncrement;
+function tickStep(start, stop, count) {
     const step0 = Math.abs(stop - start) / Math.max(0, count);
@@ -59,1 +63,2 @@ let step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10));
 }
+exports.tickStep = tickStep;

dist/CNotify/CNotifier.js

@@ -1,4 +0,10 @@
-import CNotify from './CNotify.svelte';
-import { BROWSER } from 'esm-env';
-if (BROWSER) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CNotifier = void 0;
+const CNotify_svelte_1 = __importDefault(require("./CNotify.svelte"));
+const esm_env_1 = require("esm-env");
+if (esm_env_1.BROWSER) {
     if (!document.querySelector('.notifications-holder')) {
@@ -15,3 +21,3 @@ const defaultContainer = document.createElement('div');
         throw 'Missing target element for Display notifications';
-    const noty = new CNotify({
+    const noty = new CNotify_svelte_1.default({
         target: container,
@@ -49,3 +55,3 @@ props: {
 }
-export const CNotifier = {
+exports.CNotifier = {
     error,
@@ -52,0 +58,0 @@ info,

dist/index.js

@@ -1,14 +0,47 @@
-export { default as CIcon } from './CIcon/CIcon.svelte';
-export { default as CMenu } from './CMenu/CMenu.svelte';
-export { default as CExpand } from './CExpand/CExpand.svelte';
-export { default as CDialog } from './CDialog/CDialog.svelte';
-export { default as CNotify } from './CNotify/CNotify.svelte';
-export { CNotifier } from './CNotify/CNotifier.js';
-export { default as CForm } from './CForms/CForm.svelte';
-export { default as CLabel } from './CForms/CLabel.svelte';
-export { default as CSelect } from './CForms/CSelect.svelte';
-export { default as CSidebar } from './CSidebar/CSidebar.svelte';
-export { default as CImageUploader } from './CImageUploader/CImageUploader.svelte';
-export { default as CDraggableList } from './CDraggableList/CDraggableList.svelte';
-export { default as CAvatar } from './CAvatar/CAvatar.svelte';
-export * from './CGraph/index.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CAvatar = exports.CDraggableList = exports.CImageUploader = exports.CSidebar = exports.CSelect = exports.CLabel = exports.CForm = exports.CNotifier = exports.CNotify = exports.CDialog = exports.CExpand = exports.CMenu = exports.CIcon = void 0;
+var CIcon_svelte_1 = require("./CIcon/CIcon.svelte");
+Object.defineProperty(exports, "CIcon", { enumerable: true, get: function () { return __importDefault(CIcon_svelte_1).default; } });
+var CMenu_svelte_1 = require("./CMenu/CMenu.svelte");
+Object.defineProperty(exports, "CMenu", { enumerable: true, get: function () { return __importDefault(CMenu_svelte_1).default; } });
+var CExpand_svelte_1 = require("./CExpand/CExpand.svelte");
+Object.defineProperty(exports, "CExpand", { enumerable: true, get: function () { return __importDefault(CExpand_svelte_1).default; } });
+var CDialog_svelte_1 = require("./CDialog/CDialog.svelte");
+Object.defineProperty(exports, "CDialog", { enumerable: true, get: function () { return __importDefault(CDialog_svelte_1).default; } });
+var CNotify_svelte_1 = require("./CNotify/CNotify.svelte");
+Object.defineProperty(exports, "CNotify", { enumerable: true, get: function () { return __importDefault(CNotify_svelte_1).default; } });
+var CNotifier_js_1 = require("./CNotify/CNotifier.js");
+Object.defineProperty(exports, "CNotifier", { enumerable: true, get: function () { return CNotifier_js_1.CNotifier; } });
+var CForm_svelte_1 = require("./CForms/CForm.svelte");
+Object.defineProperty(exports, "CForm", { enumerable: true, get: function () { return __importDefault(CForm_svelte_1).default; } });
+var CLabel_svelte_1 = require("./CForms/CLabel.svelte");
+Object.defineProperty(exports, "CLabel", { enumerable: true, get: function () { return __importDefault(CLabel_svelte_1).default; } });
+var CSelect_svelte_1 = require("./CForms/CSelect.svelte");
+Object.defineProperty(exports, "CSelect", { enumerable: true, get: function () { return __importDefault(CSelect_svelte_1).default; } });
+var CSidebar_svelte_1 = require("./CSidebar/CSidebar.svelte");
+Object.defineProperty(exports, "CSidebar", { enumerable: true, get: function () { return __importDefault(CSidebar_svelte_1).default; } });
+var CImageUploader_svelte_1 = require("./CImageUploader/CImageUploader.svelte");
+Object.defineProperty(exports, "CImageUploader", { enumerable: true, get: function () { return __importDefault(CImageUploader_svelte_1).default; } });
+var CDraggableList_svelte_1 = require("./CDraggableList/CDraggableList.svelte");
+Object.defineProperty(exports, "CDraggableList", { enumerable: true, get: function () { return __importDefault(CDraggableList_svelte_1).default; } });
+var CAvatar_svelte_1 = require("./CAvatar/CAvatar.svelte");
+Object.defineProperty(exports, "CAvatar", { enumerable: true, get: function () { return __importDefault(CAvatar_svelte_1).default; } });
+__exportStar(require("./CGraph/index.js"), exports);

dist/theme.js

@@ -0,4 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateTheme = void 0;
 const LIGHT_COLOR = '#d8dee3';
 const DARK_COLOR = '#212529';
-export function generateTheme(theme) {
+function generateTheme(theme) {
     const useConf = theme;
@@ -25,2 +28,3 @@ let result = '/* ESTE ERCHIVO ES AUTOGENERADO */\n';
 }
+exports.generateTheme = generateTheme;
 function generateAllVars(useConf) {
@@ -27,0 +31,0 @@ let result = ':root {\n';

dist/utils.js

@@ -1,3 +0,9 @@
-import d3Ticks from './CGraph/ticks.js';
-export function isEqual(a, b) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.throttle = exports.ticks = exports.randomColor = exports.zoom = exports.linearScale = exports.min = exports.max = exports.polyArea = exports.randomNumber = exports.isInside = exports.distance = exports.isEqual = void 0;
+const ticks_js_1 = __importDefault(require("./CGraph/ticks.js"));
+function isEqual(a, b) {
     if (a === b)
@@ -31,6 +37,8 @@ return true;
 }
-export function distance(p1, p2) {
+exports.isEqual = isEqual;
+function distance(p1, p2) {
     return Math.sqrt(Math.pow(p1[0] - p2[0], 2) + Math.pow(p1[1] - p2[1], 2));
 }
-export function isInside(point, polygonVertices) {
+exports.distance = distance;
+function isInside(point, polygonVertices) {
     const x = point[0];
@@ -51,6 +59,8 @@ const y = point[1];
 }
-export function randomNumber(min = 0, max = 1) {
+exports.isInside = isInside;
+function randomNumber(min = 0, max = 1) {
     return Math.random() * (max - min) + min;
 }
-export function polyArea(vertices) {
+exports.randomNumber = randomNumber;
+function polyArea(vertices) {
     let total = 0;
@@ -67,3 +77,4 @@ for (let i = 0, l = vertices.length; i < l; i++) {
 }
-export function max(data) {
+exports.polyArea = polyArea;
+function max(data) {
     let max = Number.NEGATIVE_INFINITY;
@@ -76,3 +87,4 @@ for (let i = 0; i < data.length; i++) {
 }
-export function min(data) {
+exports.max = max;
+function min(data) {
     let min = Number.POSITIVE_INFINITY;
@@ -85,3 +97,4 @@ for (let i = 0; i < data.length; i++) {
 }
-export function linearScale(point, minD, maxD, minR, maxR) {
+exports.min = min;
+function linearScale(point, minD, maxD, minR, maxR) {
     if (minD === maxD)
@@ -92,3 +105,4 @@ return point;
 }
-export function zoom(point, z, centroid) {
+exports.linearScale = linearScale;
+function zoom(point, z, centroid) {
     const t = point - centroid;
@@ -98,9 +112,12 @@ const zoom = z < 0 ? t * 0.9 : t * 1.1;
 }
-export function randomColor() {
+exports.zoom = zoom;
+function randomColor() {
     return `hsla(${Math.floor(Math.random() * 360)}, 100%, 50%, 1)`;
 }
-export function ticks(min, max, count) {
-    return d3Ticks(min, max, count);
+exports.randomColor = randomColor;
+function ticks(min, max, count) {
+    return (0, ticks_js_1.default)(min, max, count);
 }
-export function throttle(func, limit) {
+exports.ticks = ticks;
+function throttle(func, limit) {
     let inThrottle;
@@ -120,1 +137,2 @@ let lastResult;
 }
+exports.throttle = throttle;

package.json

 {
 	"name": "@chasi/ui",
-	"version": "0.2.66",
+	"version": "0.2.67",
 	"bin": {
@@ -5,0 +5,0 @@ "gen-theme": "./dist/bin/theme.js"

No alert changes

Improved metrics

Total package byte prevSize

125119

increased by6.4%

Lines of code

1373

increased by9.23%

No dependency changes