@c2n/reorder-list 0.0.6 → 0.0.8

package/dist/reorder-list.js

@@ -2,7 +2,8 @@ import { nothing as e } from "lit/html.js";
 import { PartType as t, directive as n } from "lit/directive.js";
 import { AsyncDirective as r } from "lit/async-directive.js";
 import { LitElement as i, html as a, unsafeCSS as o } from "lit";
-import { customElement as s, eventOptions as c, property as l, query as u, queryAll as d, state as f } from "lit/decorators.js";
+import { eventOptions as s, property as c, query as l, queryAll as u, state as d } from "lit/decorators.js";
+import { customElement as f } from "@c2n/core/element-helper.js";
 import { classMap as p } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
 //#region ../../../node_modules/@lit-labs/motion/animate-controller.js
@@ -377,6 +378,7 @@ var A = class extends i {
     `;
 	}
 	handleMouseDown(e) {
+		if (!this.editable) return;
 		let t = this.getSlottedTargetIndex(e);
 		if (t == -1) return;
 		let n = e.composedPath()[t];
@@ -456,7 +458,7 @@ var A = class extends i {
 				...j(e),
 				isFixed: t ? this.isFixedItem(t.assignedNodes()[0]) : !1
 			});
-		}), console.log(this.itemPositions);
+		});
 	}
 	applyTransform(e) {
 		let t = this.getPointerPosition(e), n = t.x - this.pickupPosition.x, r = t.y - this.pickupPosition.y;
@@ -489,10 +491,10 @@ var A = class extends i {
 		this.styles = o(O);
 	}
 };
-k([u(".dragging-item")], A.prototype, "draggingElement", void 0), k([u(".placeholder")], A.prototype, "placeholderElement", void 0), k([u(".c2-reorder-list-container")], A.prototype, "containerElement", void 0), k([d(".list-item")], A.prototype, "listItemElements", void 0), k([l({
+k([l(".dragging-item")], A.prototype, "draggingElement", void 0), k([l(".placeholder")], A.prototype, "placeholderElement", void 0), k([l(".c2-reorder-list-container")], A.prototype, "containerElement", void 0), k([u(".list-item")], A.prototype, "listItemElements", void 0), k([c({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "editable", void 0), k([l({ type: Number })], A.prototype, "dragStartThreshold", void 0), k([l({ type: Boolean })], A.prototype, "autoScrollDisabled", void 0), k([f()], A.prototype, "placeholderSlotIndex", void 0), k([f()], A.prototype, "placeholderSize", void 0), k([c({ passive: !0 })], A.prototype, "handleMouseDown", null), A = k([s("c2-reorder-list")], A);
+})], A.prototype, "editable", void 0), k([c({ type: Number })], A.prototype, "dragStartThreshold", void 0), k([c({ type: Boolean })], A.prototype, "autoScrollDisabled", void 0), k([d()], A.prototype, "placeholderSlotIndex", void 0), k([d()], A.prototype, "placeholderSize", void 0), k([s({ passive: !0 })], A.prototype, "handleMouseDown", null), A = k([f("c2-reorder-list")], A);
 function j(e) {
 	let t = e.getBoundingClientRect();
 	return {

package/package.json

@@ -1,18 +1,30 @@
 {
   "name": "@c2n/reorder-list",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/reorder-list.js",
   "exports": {
     ".": {
-      "default": "./dist/reorder-list.js",
-      "types": "./types/src/reorder-list.d.ts"
+      "types": "./types/src/reorder-list.d.ts",
+      "default": "./dist/reorder-list.js"
+    },
+    "./react": {
+      "types": "./react.d.ts",
+      "default": "./react.js"
+    },
+    "./vue": {
+      "types": "./vue.d.ts",
+      "default": "./vue.js"
     },
     "./custom-elements.json": "./custom-elements.json"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "react.d.ts",
+    "react.js",
+    "vue.d.ts",
+    "vue.js"
   ],
   "keywords": [
     "reorder-list",
@@ -48,12 +60,12 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.6",
+    "@c2n/core": "0.0.8",
     "@lit-labs/motion": "1.1.0",
     "lit": "3.3.3"
   },
   "devDependencies": {
     "@c2n/config": "*"
   },
-  "gitHead": "2921054bc75299da66dad11c1e374246ff88a51e"
+  "gitHead": "be59cbccee1d33ca248e39f69b05c0b595ec6c6d"
 }

package/react.d.ts

@@ -0,0 +1,24 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// JSX types for the custom elements of @c2n/reorder-list. Import once, anywhere in the program:
+//
+//     import '@c2n/reorder-list/react'
+//
+// Register the elements at module scope before React renders, or React writes an object prop as an
+// attribute and it stringifies.
+
+import type { DetailedHTMLProps, HTMLAttributes } from 'react'
+import type { ReorderList } from '@c2n/reorder-list'
+
+/** Standard React host-element attributes plus the element's own public properties. */
+type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'c2-reorder-list': C2Props<ReorderList>
+    }
+  }
+}
+
+export {}

package/react.js

@@ -0,0 +1,3 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+// Types only — see the matching .d.ts.
+export {}

package/types/src/reorder-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reorder-list.d.ts","sourceRoot":"","sources":["../../src/reorder-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAA;AAM7F,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,qBACa,WAAY,SAAQ,UAAU;IAChB,SAAS,CAAC,eAAe,EAAG,WAAW,CAAA;IACzC,SAAS,CAAC,kBAAkB,EAAG,WAAW,CAAA;IAC5B,SAAS,CAAC,gBAAgB,EAAG,WAAW,CAAA;IACrD,SAAS,CAAC,gBAAgB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnC,QAAQ,UAAQ;IAChC,kBAAkB,SAAK;IACtB,kBAAkB,UAAQ;IAGvD,OAAO,CAAC,oBAAoB,CAAK;IAGjC,OAAO,CAAC,eAAe,CAAkC;IAEzD,OAAO,CAAC,iBAAiB,CAAgC;IACzD,OAAO,CAAC,sBAAsB,CAAuB;IACrD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,oBAAoB,CAAiC;IAC7D,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,mBAAmB,CAAuB;IAClD,OAAO,CAAC,wBAAwB,CAAK;IAErC,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,kBAAkB,CAAQ;IAClC,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,eAAe,CAAgC;IAE9C,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQrC,WAAW;IAiCX,OAAO,CAAC,iBAAiB;IAQhB,MAAM;IAWf,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,WAAW;IAInB,eAAe,GAAU,OAAO,UAAU,mBA+CzC;IAED,YAAY,aAWX;IAED,OAAO,CAAC,+BAA+B;IAavC,aAAa,aAkBZ;IAED,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;cAOC,YAAY;cAKlB,OAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IASvG,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAwCzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,0BAA0B;IAWlC,OAAgB,MAAM,0BAAoB;CAC3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,WAAW,CAAA;KAC/B;CACF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAY9D"}
+{"version":3,"file":"reorder-list.d.ts","sourceRoot":"","sources":["../../src/reorder-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAA;AAO7F,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,qBACa,WAAY,SAAQ,UAAU;IAChB,SAAS,CAAC,eAAe,EAAG,WAAW,CAAA;IACzC,SAAS,CAAC,kBAAkB,EAAG,WAAW,CAAA;IAC5B,SAAS,CAAC,gBAAgB,EAAG,WAAW,CAAA;IACrD,SAAS,CAAC,gBAAgB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnC,QAAQ,UAAQ;IAChC,kBAAkB,SAAK;IACtB,kBAAkB,UAAQ;IAGvD,OAAO,CAAC,oBAAoB,CAAK;IAGjC,OAAO,CAAC,eAAe,CAAkC;IAEzD,OAAO,CAAC,iBAAiB,CAAgC;IACzD,OAAO,CAAC,sBAAsB,CAAuB;IACrD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,oBAAoB,CAAiC;IAC7D,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,mBAAmB,CAAuB;IAClD,OAAO,CAAC,wBAAwB,CAAK;IAErC,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,kBAAkB,CAAQ;IAClC,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,eAAe,CAAgC;IAE9C,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQrC,WAAW;IAiCX,OAAO,CAAC,iBAAiB;IAQhB,MAAM;IAWf,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,WAAW;IAInB,eAAe,GAAU,OAAO,UAAU,mBA+CzC;IAED,YAAY,aAWX;IAED,OAAO,CAAC,+BAA+B;IAavC,aAAa,aAkBZ;IAED,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;cAOC,YAAY;cAKlB,OAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IASvG,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAwCzB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,0BAA0B;IAWlC,OAAgB,MAAM,0BAAoB;CAC3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,WAAW,CAAA;KAC/B;CACF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAY9D"}

package/vue.d.ts

@@ -0,0 +1,33 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// Vue template types for the custom elements of @c2n/reorder-list. Import once, anywhere in the program:
+//
+//     import '@c2n/reorder-list/vue'
+//
+// Tell the compiler about the tags as well, or every c2-* tag is resolved as a Vue component and renders
+// nothing: template.compilerOptions.isCustomElement = (tag) => tag.startsWith('c2-') in vite.config.ts.
+
+import type { DefineComponent, HTMLAttributes } from 'vue'
+import type { ReorderList, ReorderListEventMap } from '@c2n/reorder-list'
+
+/** The element's own public properties, plus every attribute Vue understands on a host element. */
+type C2Props<T> = Partial<Omit<T, keyof HTMLElement>> & HTMLAttributes
+
+declare module 'vue' {
+  interface GlobalComponents {
+    'c2-reorder-list': DefineComponent<
+      C2Props<ReorderList> & {
+        onChange?: (event: ReorderListEventMap['change']) => void
+      }
+    >
+  }
+}
+
+declare module '@vue/runtime-dom' {
+  interface HTMLAttributes {
+    /** Vue's own definition omits it, and slotting a plain element into a component needs it. */
+    slot?: string
+  }
+}
+
+export {}

package/vue.js

@@ -0,0 +1,3 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+// Types only — see the matching .d.ts.
+export {}