Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Socket
Sign inDemoInstall

@zag-js/signature-pad

Package Overview
Dependencies
Maintainers
0
Versions
202
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@zag-js/signature-pad - npm Package Compare versions

Comparing version 0.70.0 to 0.71.0

121

dist/index.js

@@ -1,44 +0,17 @@

"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
'use strict';
// src/index.ts
var src_exports = {};
__export(src_exports, {
anatomy: () => anatomy,
connect: () => connect,
machine: () => machine,
props: () => props,
splitProps: () => splitProps
});
module.exports = __toCommonJS(src_exports);
var anatomy$1 = require('@zag-js/anatomy');
var domEvent = require('@zag-js/dom-event');
var domQuery = require('@zag-js/dom-query');
var core = require('@zag-js/core');
var utils = require('@zag-js/utils');
var getStroke = require('perfect-freehand');
var types = require('@zag-js/types');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var getStroke__default = /*#__PURE__*/_interopDefault(getStroke);
// src/signature-pad.anatomy.ts
var import_anatomy = require("@zag-js/anatomy");
var anatomy = (0, import_anatomy.createAnatomy)("signature-pad").parts(
var anatomy = anatomy$1.createAnatomy("signature-pad").parts(
"root",

@@ -53,10 +26,3 @@ "control",

var parts = anatomy.build();
// src/signature-pad.connect.ts
var import_dom_event = require("@zag-js/dom-event");
var import_dom_query2 = require("@zag-js/dom-query");
// src/signature-pad.dom.ts
var import_dom_query = require("@zag-js/dom-query");
var dom = (0, import_dom_query.createScope)({
var dom = domQuery.createScope({
getRootId: (ctx) => ctx.ids?.root ?? `signature-${ctx.id}`,

@@ -67,7 +33,7 @@ getControlId: (ctx) => ctx.ids?.control ?? `signature-control-${ctx.id}`,

getControlEl: (ctx) => dom.getById(ctx, dom.getControlId(ctx)),
getSegmentEl: (ctx) => (0, import_dom_query.query)(dom.getControlEl(ctx), "[data-part=segment]"),
getSegmentEl: (ctx) => domQuery.query(dom.getControlEl(ctx), "[data-part=segment]"),
getHiddenInputEl: (ctx) => dom.getById(ctx, dom.getHiddenInputId(ctx)),
getDataUrl: (ctx, options) => {
if (ctx.isEmpty) return Promise.resolve("");
return (0, import_dom_query.getDataUrl)(dom.getSegmentEl(ctx), options);
return domQuery.getDataUrl(dom.getSegmentEl(ctx), options);
}

@@ -102,3 +68,3 @@ });

id: dom.getLabelId(state.context),
"data-disabled": (0, import_dom_query2.dataAttr)(disabled),
"data-disabled": domQuery.dataAttr(disabled),
htmlFor: dom.getHiddenInputId(state.context),

@@ -116,3 +82,3 @@ onClick(event) {

...parts.root.attrs,
"data-disabled": (0, import_dom_query2.dataAttr)(disabled),
"data-disabled": domQuery.dataAttr(disabled),
id: dom.getRootId(state.context)

@@ -130,12 +96,12 @@ });

"aria-disabled": disabled,
"data-disabled": (0, import_dom_query2.dataAttr)(disabled),
"data-disabled": domQuery.dataAttr(disabled),
onPointerDown(event) {
if (!(0, import_dom_event.isLeftClick)(event)) return;
if ((0, import_dom_event.isModifierKey)(event)) return;
if (!domEvent.isLeftClick(event)) return;
if (domEvent.isModifierKey(event)) return;
if (!interactive) return;
const target = (0, import_dom_query2.getEventTarget)(event);
const target = domQuery.getEventTarget(event);
if (target?.closest("[data-part=clear-trigger]")) return;
event.currentTarget.setPointerCapture(event.pointerId);
const point = { x: event.clientX, y: event.clientY };
const { offset } = (0, import_dom_event.getRelativePoint)(point, dom.getControlEl(state.context));
const { offset } = domEvent.getRelativePoint(point, dom.getControlEl(state.context));
send({ type: "POINTER_DOWN", point: offset, pressure: event.pressure });

@@ -180,3 +146,3 @@ },

...parts.guide.attrs,
"data-disabled": (0, import_dom_query2.dataAttr)(disabled)
"data-disabled": domQuery.dataAttr(disabled)
});

@@ -211,8 +177,2 @@ },

// src/signature-pad.machine.ts
var import_core = require("@zag-js/core");
var import_dom_event2 = require("@zag-js/dom-event");
var import_utils = require("@zag-js/utils");
var import_perfect_freehand = __toESM(require("perfect-freehand"));
// src/get-svg-path.ts

@@ -245,4 +205,4 @@ var average = (a, b) => (a + b) / 2;

function machine(userContext) {
const ctx = (0, import_utils.compact)(userContext);
return (0, import_core.createMachine)(
const ctx = utils.compact(userContext);
return core.createMachine(
{

@@ -303,5 +263,5 @@ id: "signature-pad",

const doc = dom.getDoc(ctx2);
return (0, import_dom_event2.trackPointerMove)(doc, {
return domEvent.trackPointerMove(doc, {
onPointerMove({ event, point }) {
const { offset } = (0, import_dom_event2.getRelativePoint)(point, dom.getControlEl(ctx2));
const { offset } = domEvent.getRelativePoint(point, dom.getControlEl(ctx2));
send({ type: "POINTER_MOVE", point: offset, pressure: event.pressure });

@@ -318,3 +278,3 @@ },

ctx2.currentPoints.push(evt.point);
const stroke = (0, import_perfect_freehand.default)(ctx2.currentPoints, ctx2.drawing);
const stroke = getStroke__default.default(ctx2.currentPoints, ctx2.drawing);
ctx2.currentPath = getSvgPathFromStroke(stroke);

@@ -353,7 +313,3 @@ },

}
// src/signature-pad.props.ts
var import_types = require("@zag-js/types");
var import_utils2 = require("@zag-js/utils");
var props = (0, import_types.createProps)()([
var props = types.createProps()([
"dir",

@@ -372,11 +328,8 @@ "disabled",

]);
var splitProps = (0, import_utils2.createSplitProps)(props);
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
anatomy,
connect,
machine,
props,
splitProps
});
//# sourceMappingURL=index.js.map
var splitProps = utils.createSplitProps(props);
exports.anatomy = anatomy;
exports.connect = connect;
exports.machine = machine;
exports.props = props;
exports.splitProps = splitProps;
{
"name": "@zag-js/signature-pad",
"version": "0.70.0",
"version": "0.71.0",
"description": "Core logic for the signature-pad widget implemented as a state machine",

@@ -21,4 +21,3 @@ "keywords": [

"files": [
"dist",
"src"
"dist"
],

@@ -33,8 +32,8 @@ "publishConfig": {

"perfect-freehand": "^1.2.2",
"@zag-js/anatomy": "0.70.0",
"@zag-js/core": "0.70.0",
"@zag-js/dom-query": "0.70.0",
"@zag-js/dom-event": "0.70.0",
"@zag-js/utils": "0.70.0",
"@zag-js/types": "0.70.0"
"@zag-js/anatomy": "0.71.0",
"@zag-js/core": "0.71.0",
"@zag-js/dom-query": "0.71.0",
"@zag-js/dom-event": "0.71.0",
"@zag-js/utils": "0.71.0",
"@zag-js/types": "0.71.0"
},

@@ -41,0 +40,0 @@ "devDependencies": {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc