@zag-js/signature-pad
Advanced tools
Comparing version 0.70.0 to 0.71.0
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
31540
7
772
+ Added@zag-js/anatomy@0.71.0(transitive)
+ Added@zag-js/core@0.71.0(transitive)
+ Added@zag-js/dom-event@0.71.0(transitive)
+ Added@zag-js/dom-query@0.71.0(transitive)
+ Added@zag-js/store@0.71.0(transitive)
+ Added@zag-js/text-selection@0.71.0(transitive)
+ Added@zag-js/types@0.71.0(transitive)
+ Added@zag-js/utils@0.71.0(transitive)
- Removed@zag-js/anatomy@0.70.0(transitive)
- Removed@zag-js/core@0.70.0(transitive)
- Removed@zag-js/dom-event@0.70.0(transitive)
- Removed@zag-js/dom-query@0.70.0(transitive)
- Removed@zag-js/store@0.70.0(transitive)
- Removed@zag-js/text-selection@0.70.0(transitive)
- Removed@zag-js/types@0.70.0(transitive)
- Removed@zag-js/utils@0.70.0(transitive)
Updated@zag-js/anatomy@0.71.0
Updated@zag-js/core@0.71.0
Updated@zag-js/dom-event@0.71.0
Updated@zag-js/dom-query@0.71.0
Updated@zag-js/types@0.71.0
Updated@zag-js/utils@0.71.0