@yokowasis/types-webcomponents 1.0.3 → 1.0.4

package/index.d.ts

@@ -231,6 +231,36 @@ interface CSIconElement extends HTMLElement {
 
 interface CSListIconElement extends HTMLElement {}
 
+interface CSImagePositionerElement extends HTMLElement {
+  src: string;
+  overlay: string;
+  x: number;
+  y: number;
+  overlayWidth: number;
+  onsave?: (event: CustomEvent<{ x: number; y: number }>) => void;
+  getPosition(): { x: number; y: number };
+}
+
+interface CSMatchingElement extends HTMLElement {
+  title?: string;
+  submitText?: string;
+  readonly?: string;
+  readonly matches: Array<{ leftIndex: number; rightIndex: number }>;
+  value: Array<{ leftIndex: number; rightIndex: number }>;
+  setMatches(arr: Array<{ leftIndex: number; rightIndex: number }>): void;
+  clearMatches(): void;
+  onsubmit?: (
+    event: CustomEvent<{
+      matches: Array<{ leftIndex: number; rightIndex: number }>;
+    }>,
+  ) => void;
+  onchange?: (
+    event: CustomEvent<{
+      matches: Array<{ leftIndex: number; rightIndex: number }>;
+    }>,
+  ) => void;
+}
+
 type CSIntrinsicElements = {
   "cs-dashboard": Partial<CSDashboardElement> & {
     id: string;
@@ -388,6 +418,32 @@ type CSIntrinsicElements = {
     invert?: boolean | "" | "true" | "false";
   };
   "list-icon": Partial<CSListIconElement>;
+  "cs-image-positioner": Partial<CSImagePositionerElement> & {
+    id?: string;
+    src?: string;
+    overlay?: string;
+    x?: number | string;
+    y?: number | string;
+    "overlay-width"?: number | string;
+    onsave?: (event: CustomEvent<{ x: number; y: number }>) => void;
+  };
+  "cs-matching": Partial<CSMatchingElement> & {
+    id?: string;
+    title?: string;
+    "submit-text"?: string;
+    readonly?: "" | "true" | "false" | boolean;
+    onsubmit?: (
+      event: CustomEvent<{
+        matches: Array<{ leftIndex: number; rightIndex: number }>;
+      }>,
+    ) => void;
+    onchange?: (
+      event: CustomEvent<{
+        matches: Array<{ leftIndex: number; rightIndex: number }>;
+      }>,
+    ) => void;
+    children?: unknown;
+  };
 };
 
 declare module "solid-js" {
@@ -474,6 +530,8 @@ declare global {
     "cs-infocard": CSInfoCardElement;
     "i-c": CSIconElement;
     "list-icon": CSListIconElement;
+    "cs-matching": CSMatchingElement;
+    "cs-image-positioner": CSImagePositionerElement;
   }
 
   namespace svelteHTML {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yokowasis/types-webcomponents",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Type definitions for yokowasis webcomponents custom elements",
   "types": "index.d.ts",
   "files": [