@thienvu18/designable-shared 2.0.0 → 2.0.2

package/lib/observer.js

@@ -1,47 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutObserver = void 0;
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.LayoutObserver = void 0
 class LayoutObserver {
-    constructor(observer = () => { }) {
-        this.connected = false;
-        this.observe = (target) => {
-            if (!target)
-                return;
-            this.resizeObserver?.observe(target);
-            try {
-                this.performanceObserver?.observe({
-                    entryTypes: ['paint', 'element', 'layout-shift', 'event'],
-                });
-            }
-            catch (e) { }
-            this.mutationObserver?.observe(target, {
-                attributeFilter: ['style'],
-                attributes: true,
-            });
-            this.connected = true;
-        };
-        this.disconnect = () => {
-            if (this.connected) {
-                this.resizeObserver?.disconnect();
-                this.performanceObserver?.disconnect();
-                this.mutationObserver?.disconnect();
-            }
-            this.connected = false;
-        };
-        if (typeof ResizeObserver !== 'undefined') {
-            this.resizeObserver = new ResizeObserver(() => observer());
-        }
-        if (typeof PerformanceObserver !== 'undefined') {
-            try {
-                this.performanceObserver = new PerformanceObserver(() => {
-                    observer();
-                });
-            }
-            catch (e) { }
-        }
-        if (typeof MutationObserver !== 'undefined') {
-            this.mutationObserver = new MutationObserver(() => observer());
-        }
+  constructor(observer = () => {}) {
+    this.connected = false
+    this.observe = (target) => {
+      if (!target) return
+      this.resizeObserver?.observe(target)
+      try {
+        this.performanceObserver?.observe({
+          entryTypes: ['paint', 'element', 'layout-shift', 'event'],
+        })
+      } catch (e) {}
+      this.mutationObserver?.observe(target, {
+        attributeFilter: ['style'],
+        attributes: true,
+      })
+      this.connected = true
     }
+    this.disconnect = () => {
+      if (this.connected) {
+        this.resizeObserver?.disconnect()
+        this.performanceObserver?.disconnect()
+        this.mutationObserver?.disconnect()
+      }
+      this.connected = false
+    }
+    if (typeof ResizeObserver !== 'undefined') {
+      this.resizeObserver = new ResizeObserver(() => observer())
+    }
+    if (typeof PerformanceObserver !== 'undefined') {
+      try {
+        this.performanceObserver = new PerformanceObserver(() => {
+          observer()
+        })
+      } catch (e) {}
+    }
+    if (typeof MutationObserver !== 'undefined') {
+      this.mutationObserver = new MutationObserver(() => observer())
+    }
+  }
 }
-exports.LayoutObserver = LayoutObserver;
+exports.LayoutObserver = LayoutObserver

package/lib/request-idle.d.ts

@@ -1,10 +1,13 @@
-import 'requestidlecallback';
+import 'requestidlecallback'
 export interface IIdleDeadline {
-    didTimeout: boolean;
-    timeRemaining: () => DOMHighResTimeStamp;
+  didTimeout: boolean
+  timeRemaining: () => DOMHighResTimeStamp
 }
 export interface IdleCallbackOptions {
-    timeout?: number;
+  timeout?: number
 }
-export declare const requestIdle: (callback: (params: IIdleDeadline) => void, options?: IdleCallbackOptions) => number;
-export declare const cancelIdle: (id: number) => void;
+export declare const requestIdle: (
+  callback: (params: IIdleDeadline) => void,
+  options?: IdleCallbackOptions
+) => number
+export declare const cancelIdle: (id: number) => void

package/lib/request-idle.js

@@ -1,13 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cancelIdle = exports.requestIdle = void 0;
-require("requestidlecallback");
-const globalThisPolyfill_1 = require("./globalThisPolyfill");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.cancelIdle = exports.requestIdle = void 0
+require('requestidlecallback')
+const globalThisPolyfill_1 = require('./globalThisPolyfill')
 const requestIdle = (callback, options) => {
-    return globalThisPolyfill_1.globalThisPolyfill['requestIdleCallback'](callback, options);
-};
-exports.requestIdle = requestIdle;
+  return globalThisPolyfill_1.globalThisPolyfill['requestIdleCallback'](
+    callback,
+    options
+  )
+}
+exports.requestIdle = requestIdle
 const cancelIdle = (id) => {
-    globalThisPolyfill_1.globalThisPolyfill['cancelIdleCallback'](id);
-};
-exports.cancelIdle = cancelIdle;
+  globalThisPolyfill_1.globalThisPolyfill['cancelIdleCallback'](id)
+}
+exports.cancelIdle = cancelIdle

package/lib/scroller.d.ts

@@ -1,10 +1,26 @@
-import { IPoint } from './coordinate';
-export type ScrollDirection = 'begin' | 'end';
+import { IPoint } from './coordinate'
+export type ScrollDirection = 'begin' | 'end'
 export interface IAutoScrollBasicInfo {
-    direction: ScrollDirection;
-    speedFactor: number;
-    speed: number;
+  direction: ScrollDirection
+  speedFactor: number
+  speed: number
 }
-export declare const calcAutoScrollBasicInfo: (point: IPoint, axis: 'x' | 'y', viewport: DOMRect, maxSpeed?: number) => IAutoScrollBasicInfo | null;
-export declare const updateScrollValue: (element: HTMLElement | Window, axis: 'x' | 'y', value: number, callback?: (scrollValue: number) => void) => void;
-export declare const scrollAnimate: (element: HTMLElement | Window, axis: 'x' | 'y', direction: 'begin' | 'end', speed: number, callback?: (scrollValue: number) => void) => () => void;
+export declare const calcAutoScrollBasicInfo: (
+  point: IPoint,
+  axis: 'x' | 'y',
+  viewport: DOMRect,
+  maxSpeed?: number
+) => IAutoScrollBasicInfo | null
+export declare const updateScrollValue: (
+  element: HTMLElement | Window,
+  axis: 'x' | 'y',
+  value: number,
+  callback?: (scrollValue: number) => void
+) => void
+export declare const scrollAnimate: (
+  element: HTMLElement | Window,
+  axis: 'x' | 'y',
+  direction: 'begin' | 'end',
+  speed: number,
+  callback?: (scrollValue: number) => void
+) => () => void

package/lib/scroller.js

@@ -1,88 +1,96 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollAnimate = exports.updateScrollValue = exports.calcAutoScrollBasicInfo = void 0;
-const animation_1 = require("./animation");
-const types_1 = require("./types");
-const MAX_SPEED = 80; // px/s
-const calcAutoScrollBasicInfo = (point, axis, viewport, maxSpeed = MAX_SPEED) => {
-    const { left, right, top, bottom } = viewport;
-    const { x, y } = point;
-    let begin;
-    let end;
-    let pos;
-    let speedFactor;
-    if (axis === 'x') {
-        begin = left;
-        end = right;
-        pos = x;
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.scrollAnimate =
+  exports.updateScrollValue =
+  exports.calcAutoScrollBasicInfo =
+    void 0
+const animation_1 = require('./animation')
+const types_1 = require('./types')
+const MAX_SPEED = 80 // px/s
+const calcAutoScrollBasicInfo = (
+  point,
+  axis,
+  viewport,
+  maxSpeed = MAX_SPEED
+) => {
+  const { left, right, top, bottom } = viewport
+  const { x, y } = point
+  let begin
+  let end
+  let pos
+  let speedFactor
+  if (axis === 'x') {
+    begin = left
+    end = right
+    pos = x
+  } else {
+    begin = top
+    end = bottom
+    pos = y
+  }
+  const scrollerSize = end - begin
+  const moveDistance = scrollerSize > 400 ? 100 : scrollerSize / 3
+  if (end - pos < moveDistance) {
+    return {
+      direction: 'end',
+      speedFactor,
+      speed:
+        maxSpeed * (0, animation_1.calcSpeedFactor)(end - pos, moveDistance),
     }
-    else {
-        begin = top;
-        end = bottom;
-        pos = y;
+  } else if (pos - begin < moveDistance) {
+    return {
+      direction: 'begin',
+      speedFactor,
+      speed:
+        maxSpeed * (0, animation_1.calcSpeedFactor)(pos - begin, moveDistance),
     }
-    const scrollerSize = end - begin;
-    const moveDistance = scrollerSize > 400 ? 100 : scrollerSize / 3;
-    if (end - pos < moveDistance) {
-        return {
-            direction: 'end',
-            speedFactor,
-            speed: maxSpeed * (0, animation_1.calcSpeedFactor)(end - pos, moveDistance),
-        };
-    }
-    else if (pos - begin < moveDistance) {
-        return {
-            direction: 'begin',
-            speedFactor,
-            speed: maxSpeed * (0, animation_1.calcSpeedFactor)(pos - begin, moveDistance),
-        };
-    }
-    return null;
-};
-exports.calcAutoScrollBasicInfo = calcAutoScrollBasicInfo;
+  }
+  return null
+}
+exports.calcAutoScrollBasicInfo = calcAutoScrollBasicInfo
 const updateScrollValue = (element, axis, value, callback) => {
-    if (element) {
-        if (!(0, types_1.isWindow)(element)) {
-            if (axis === 'x') {
-                if (element.scrollLeft + value > element.scrollWidth)
-                    return;
-                element.scrollLeft += value;
-                if ((0, types_1.isFn)(callback)) {
-                    callback(element.scrollLeft);
-                }
-            }
-            else {
-                if (element.scrollTop + value > element.scrollHeight)
-                    return;
-                element.scrollTop += value;
-                if ((0, types_1.isFn)(callback)) {
-                    callback(element.scrollTop);
-                }
-            }
+  if (element) {
+    if (!(0, types_1.isWindow)(element)) {
+      if (axis === 'x') {
+        if (element.scrollLeft + value > element.scrollWidth) return
+        element.scrollLeft += value
+        if ((0, types_1.isFn)(callback)) {
+          callback(element.scrollLeft)
         }
-        else {
-            if (axis === 'x') {
-                element.scrollBy({
-                    left: value,
-                    behavior: 'smooth',
-                });
-            }
-            else {
-                element.scrollBy({
-                    top: value,
-                    behavior: 'smooth',
-                });
-            }
-            if ((0, types_1.isFn)(callback)) {
-                callback(value);
-            }
+      } else {
+        if (element.scrollTop + value > element.scrollHeight) return
+        element.scrollTop += value
+        if ((0, types_1.isFn)(callback)) {
+          callback(element.scrollTop)
         }
+      }
+    } else {
+      if (axis === 'x') {
+        element.scrollBy({
+          left: value,
+          behavior: 'smooth',
+        })
+      } else {
+        element.scrollBy({
+          top: value,
+          behavior: 'smooth',
+        })
+      }
+      if ((0, types_1.isFn)(callback)) {
+        callback(value)
+      }
     }
-};
-exports.updateScrollValue = updateScrollValue;
+  }
+}
+exports.updateScrollValue = updateScrollValue
 const scrollAnimate = (element, axis, direction, speed, callback) => {
-    return (0, animation_1.createUniformSpeedAnimation)(speed, (delta) => {
-        (0, exports.updateScrollValue)(element, axis, direction === 'begin' ? 0 - delta : delta, callback);
-    });
-};
-exports.scrollAnimate = scrollAnimate;
+  return (0, animation_1.createUniformSpeedAnimation)(speed, (delta) => {
+    ;(0, exports.updateScrollValue)(
+      element,
+      axis,
+      direction === 'begin' ? 0 - delta : delta,
+      callback
+    )
+  })
+}
+exports.scrollAnimate = scrollAnimate

package/lib/subscribable.d.ts

@@ -1,14 +1,14 @@
-declare const UNSUBSCRIBE_ID_SYMBOL: unique symbol;
+declare const UNSUBSCRIBE_ID_SYMBOL: unique symbol
 export interface ISubscriber<Payload = any> {
-    (payload: Payload): void | boolean;
+  (payload: Payload): void | boolean
 }
 export declare class Subscribable<ExtendsType = any> {
-    private subscribers;
-    dispatch<T extends ExtendsType = any>(event: T, context?: any): boolean;
-    subscribe(subscriber: ISubscriber): {
-        (): void;
-        [UNSUBSCRIBE_ID_SYMBOL]: number;
-    };
-    unsubscribe: (id?: number | string | (() => void)) => void;
+  private subscribers
+  dispatch<T extends ExtendsType = any>(event: T, context?: any): boolean
+  subscribe(subscriber: ISubscriber): {
+    (): void
+    [UNSUBSCRIBE_ID_SYMBOL]: number
+  }
+  unsubscribe: (id?: number | string | (() => void)) => void
 }
-export {};
+export {}

package/lib/subscribable.js

@@ -1,52 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Subscribable = void 0;
-const types_1 = require("./types");
-const UNSUBSCRIBE_ID_SYMBOL = Symbol('UNSUBSCRIBE_ID_SYMBOL');
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Subscribable = void 0
+const types_1 = require('./types')
+const UNSUBSCRIBE_ID_SYMBOL = Symbol('UNSUBSCRIBE_ID_SYMBOL')
 class Subscribable {
-    constructor() {
-        this.subscribers = {
-            index: 0,
-        };
-        this.unsubscribe = (id) => {
-            if (id === undefined || id === null) {
-                for (const key in this.subscribers) {
-                    this.unsubscribe(key);
-                }
-                return;
-            }
-            if (!(0, types_1.isFn)(id)) {
-                delete this.subscribers[id];
-            }
-            else {
-                delete this.subscribers[id[UNSUBSCRIBE_ID_SYMBOL]];
-            }
-        };
+  constructor() {
+    this.subscribers = {
+      index: 0,
     }
-    dispatch(event, context) {
-        let interrupted = false;
+    this.unsubscribe = (id) => {
+      if (id === undefined || id === null) {
         for (const key in this.subscribers) {
-            if ((0, types_1.isFn)(this.subscribers[key])) {
-                event['context'] = context;
-                if (this.subscribers[key](event) === false) {
-                    interrupted = true;
-                }
-            }
+          this.unsubscribe(key)
         }
-        return interrupted ? false : true;
+        return
+      }
+      if (!(0, types_1.isFn)(id)) {
+        delete this.subscribers[id]
+      } else {
+        delete this.subscribers[id[UNSUBSCRIBE_ID_SYMBOL]]
+      }
     }
-    subscribe(subscriber) {
-        let id;
-        if ((0, types_1.isFn)(subscriber)) {
-            id = this.subscribers.index + 1;
-            this.subscribers[id] = subscriber;
-            this.subscribers.index++;
+  }
+  dispatch(event, context) {
+    let interrupted = false
+    for (const key in this.subscribers) {
+      if ((0, types_1.isFn)(this.subscribers[key])) {
+        event['context'] = context
+        if (this.subscribers[key](event) === false) {
+          interrupted = true
         }
-        const unsubscribe = () => {
-            this.unsubscribe(id);
-        };
-        unsubscribe[UNSUBSCRIBE_ID_SYMBOL] = id;
-        return unsubscribe;
+      }
     }
+    return interrupted ? false : true
+  }
+  subscribe(subscriber) {
+    let id
+    if ((0, types_1.isFn)(subscriber)) {
+      id = this.subscribers.index + 1
+      this.subscribers[id] = subscriber
+      this.subscribers.index++
+    }
+    const unsubscribe = () => {
+      this.unsubscribe(id)
+    }
+    unsubscribe[UNSUBSCRIBE_ID_SYMBOL] = id
+    return unsubscribe
+  }
 }
-exports.Subscribable = Subscribable;
+exports.Subscribable = Subscribable

package/lib/types.d.ts

@@ -1,13 +1,13 @@
-export declare const getType: (obj: any) => any;
-export declare const isFn: (obj: unknown) => obj is (...args: any[]) => any;
-export declare const isWindow: (obj: unknown) => obj is Window;
-export declare const isHTMLElement: (obj: any) => obj is HTMLElement;
-export declare const isArr: (arg: any) => arg is any[];
-export declare const isPlainObj: (obj: unknown) => obj is object;
-export declare const isStr: (obj: unknown) => obj is string;
-export declare const isBool: (obj: unknown) => obj is boolean;
-export declare const isNum: (obj: unknown) => obj is number;
-export declare const isObj: (val: unknown) => val is object;
-export declare const isRegExp: (obj: unknown) => obj is RegExp;
-export declare const isValid: (val: any) => boolean;
-export declare const isValidNumber: (val: any) => val is number;
+export declare const getType: (obj: any) => any
+export declare const isFn: (obj: unknown) => obj is (...args: any[]) => any
+export declare const isWindow: (obj: unknown) => obj is Window
+export declare const isHTMLElement: (obj: any) => obj is HTMLElement
+export declare const isArr: (arg: any) => arg is any[]
+export declare const isPlainObj: (obj: unknown) => obj is object
+export declare const isStr: (obj: unknown) => obj is string
+export declare const isBool: (obj: unknown) => obj is boolean
+export declare const isNum: (obj: unknown) => obj is number
+export declare const isObj: (val: unknown) => val is object
+export declare const isRegExp: (obj: unknown) => obj is RegExp
+export declare const isValid: (val: any) => boolean
+export declare const isValidNumber: (val: any) => val is number

package/lib/types.js

@@ -1,29 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isValidNumber = exports.isValid = exports.isRegExp = exports.isObj = exports.isNum = exports.isBool = exports.isStr = exports.isPlainObj = exports.isArr = exports.isHTMLElement = exports.isWindow = exports.isFn = exports.getType = void 0;
-const isType = (type) => (obj) => obj != null &&
-    (Array.isArray(type) ? type : [type]).some((t) => (0, exports.getType)(obj) === `[object ${t}]`);
-const getType = (obj) => Object.prototype.toString.call(obj);
-exports.getType = getType;
-exports.isFn = isType([
-    'Function',
-    'AsyncFunction',
-    'GeneratorFunction',
-]);
-exports.isWindow = isType('Window');
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.isValidNumber =
+  exports.isValid =
+  exports.isRegExp =
+  exports.isObj =
+  exports.isNum =
+  exports.isBool =
+  exports.isStr =
+  exports.isPlainObj =
+  exports.isArr =
+  exports.isHTMLElement =
+  exports.isWindow =
+  exports.isFn =
+  exports.getType =
+    void 0
+const isType = (type) => (obj) =>
+  obj != null &&
+  (Array.isArray(type) ? type : [type]).some(
+    (t) => (0, exports.getType)(obj) === `[object ${t}]`
+  )
+const getType = (obj) => Object.prototype.toString.call(obj)
+exports.getType = getType
+exports.isFn = isType(['Function', 'AsyncFunction', 'GeneratorFunction'])
+exports.isWindow = isType('Window')
 const isHTMLElement = (obj) => {
-    return obj?.['nodeName'] || obj?.['tagName'];
-};
-exports.isHTMLElement = isHTMLElement;
-exports.isArr = Array.isArray;
-exports.isPlainObj = isType('Object');
-exports.isStr = isType('String');
-exports.isBool = isType('Boolean');
-exports.isNum = isType('Number');
-const isObj = (val) => typeof val === 'object';
-exports.isObj = isObj;
-exports.isRegExp = isType('RegExp');
-const isValid = (val) => val !== null && val !== undefined;
-exports.isValid = isValid;
-const isValidNumber = (val) => !isNaN(val) && (0, exports.isNum)(val);
-exports.isValidNumber = isValidNumber;
+  return obj?.['nodeName'] || obj?.['tagName']
+}
+exports.isHTMLElement = isHTMLElement
+exports.isArr = Array.isArray
+exports.isPlainObj = isType('Object')
+exports.isStr = isType('String')
+exports.isBool = isType('Boolean')
+exports.isNum = isType('Number')
+const isObj = (val) => typeof val === 'object'
+exports.isObj = isObj
+exports.isRegExp = isType('RegExp')
+const isValid = (val) => val !== null && val !== undefined
+exports.isValid = isValid
+const isValidNumber = (val) => !isNaN(val) && (0, exports.isNum)(val)
+exports.isValidNumber = isValidNumber

package/lib/uid.d.ts

@@ -1 +1 @@
-export declare function uid(len?: number): string;
+export declare function uid(len?: number): string

package/lib/uid.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uid = void 0;
-let IDX = 36, HEX = '';
-while (IDX--)
-    HEX += IDX.toString(36);
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.uid = void 0
+let IDX = 36,
+  HEX = ''
+while (IDX--) HEX += IDX.toString(36)
 function uid(len) {
-    let str = '', num = len || 11;
-    while (num--)
-        str += HEX[(Math.random() * 36) | 0];
-    return str;
+  let str = '',
+    num = len || 11
+  while (num--) str += HEX[(Math.random() * 36) | 0]
+  return str
 }
-exports.uid = uid;
+exports.uid = uid

package/package.json

@@ -1,6 +1,14 @@
 {
   "name": "@thienvu18/designable-shared",
-  "version": "2.0.0",
+  "version": "2.0.2",
+  "homepage": "https://github.com/thienvu18/designable#readme",
+  "bugs": {
+    "url": "https://github.com/thienvu18/designable/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thienvu18/designable.git"
+  },
   "license": "MIT",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -11,26 +19,18 @@
     "README.md",
     "LICENSE.md"
   ],
-  "engines": {
-    "node": ">=20 <25"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/thienvu18/designable.git"
-  },
-  "bugs": {
-    "url": "https://github.com/thienvu18/designable/issues"
-  },
-  "homepage": "https://github.com/thienvu18/designable#readme",
   "scripts": {
     "build": "rimraf -rf lib esm && npm run build:cjs && npm run build:esm",
     "build:cjs": "tsc --project tsconfig.build.json --outDir lib",
     "build:esm": "tsc --project tsconfig.build.json --module es2020 --outDir esm"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
     "requestidlecallback": "^0.3.0"
+  },
+  "engines": {
+    "node": ">=20 <25"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }