@c2n/side-nav 0.0.6 → 0.0.8

package/dist/side-nav.js

@@ -1,5 +1,6 @@
 import { LitElement, html, nothing, unsafeCSS } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
+import { property, query, state } from "lit/decorators.js";
+import { customElement } from "@c2n/core/element-helper.js";
 import { isServer } from "lit-html/is-server.js";
 import { classMap } from "lit/directives/class-map.js";
 import { BreakpointsObserver } from "@c2n/core/controllers/breakpoints-observer.js";

package/package.json

@@ -1,18 +1,30 @@
 {
   "name": "@c2n/side-nav",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/side-nav.js",
   "exports": {
     ".": {
-      "default": "./dist/side-nav.js",
-      "types": "./types/src/side-nav.d.ts"
+      "types": "./types/src/side-nav.d.ts",
+      "default": "./dist/side-nav.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": [
     "side-nav",
@@ -49,12 +61,12 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.6",
+    "@c2n/core": "0.0.8",
     "lit": "3.3.3"
   },
   "devDependencies": {
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "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/side-nav. Import once, anywhere in the program:
+//
+//     import '@c2n/side-nav/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 { SideNav } from '@c2n/side-nav'
+
+/** 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-side-nav': C2Props<SideNav>
+    }
+  }
+}
+
+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/side-nav.d.ts

@@ -1,10 +1,19 @@
 import { LitElement, type PropertyValues } from 'lit';
+import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
 export type DisplayMode = 'over' | 'side';
 export type SideNavPosition = 'start' | 'end';
 export type SideNavBreakpoint = 'phone' | 'tablet' | 'desktop';
 export interface OpenedChangeEventDetail {
     opened: boolean;
 }
+/** Events fired by {@link SideNav}, keyed for `addEventListener`. */
+export interface SideNavEventMap {
+    'opened-change': CustomEvent<OpenedChangeEventDetail>;
+}
+export interface SideNav {
+    addEventListener: TypedAddEventListener<SideNav, SideNavEventMap>;
+    removeEventListener: TypedRemoveEventListener<SideNav, SideNavEventMap>;
+}
 /**
  * A layout shell with a navigation drawer beside the page content. The drawer goes in the `side-nav-content` slot, the
  * page in the default slot, and the host stretches both to its own height. In `side` mode the drawer collapses in the

package/types/src/side-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../src/side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAQ/E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAA;AAC7C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE9D,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAA;CAChB;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAE1C,+JAA+J;IACnH,MAAM,UAAQ;IAE1D,iGAAiG;IAC3B,WAAW,EAAE,WAAW,CAAS;IAEvG,sDAAsD;IACe,UAAU,EAAE,WAAW,CAAS;IAErG,iGAAiG;IACrB,gBAAgB,UAAQ;IAEpG,mEAAmE;IACxB,QAAQ,EAAE,eAAe,CAAU;IAErE,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,KAAK,CAAQ;IAEZ,OAAO,CAAC,MAAM,CAAc;IAC3B,OAAO,CAAC,cAAc,CAAc;IAEvD,sFAAsF;IACtF,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,qBAAqB,CAAqG;IAElI,+GAA+G;IAC/G,IAAI,IAAI,IAAI,WAAW,CAItB;IAED,iFAAiF;IACjF,MAAM,CAAC,MAAM,UAAe;IAInB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,WAAW;IAMnB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,mBAAmB,CAE1B;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,uGAAuG;IACvG,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,WAAW;IAYnB,wGAAwG;IACxG,OAAO,KAAK,WAAW,GAMtB;cAEkB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYhD,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,OAAO,CAAA;KACvB;CACF"}
+{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../src/side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAOhG,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAA;AAC7C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE9D,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAA;CAChB;AAKD,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAA;CACtD;AAED,MAAM,WAAW,OAAO;IACtB,gBAAgB,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;IACjE,mBAAmB,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;CACxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAE1C,+JAA+J;IACnH,MAAM,UAAQ;IAE1D,iGAAiG;IAC3B,WAAW,EAAE,WAAW,CAAS;IAEvG,sDAAsD;IACe,UAAU,EAAE,WAAW,CAAS;IAErG,iGAAiG;IACrB,gBAAgB,UAAQ;IAEpG,mEAAmE;IACxB,QAAQ,EAAE,eAAe,CAAU;IAErE,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,KAAK,CAAQ;IAEZ,OAAO,CAAC,MAAM,CAAc;IAC3B,OAAO,CAAC,cAAc,CAAc;IAEvD,sFAAsF;IACtF,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,qBAAqB,CAAqG;IAElI,+GAA+G;IAC/G,IAAI,IAAI,IAAI,WAAW,CAItB;IAED,iFAAiF;IACjF,MAAM,CAAC,MAAM,UAAe;IAInB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,WAAW;IAMnB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,mBAAmB,CAE1B;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,uGAAuG;IACvG,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,WAAW;IAYnB,wGAAwG;IACxG,OAAO,KAAK,WAAW,GAMtB;cAEkB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYhD,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,OAAO,CAAA;KACvB;CACF"}

package/vue.d.ts

@@ -0,0 +1,36 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// Vue template types for the custom elements of @c2n/side-nav. Import once, anywhere in the program:
+//
+//     import '@c2n/side-nav/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 { SideNav, SideNavEventMap } from '@c2n/side-nav'
+
+/** 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-side-nav': DefineComponent<
+      C2Props<SideNav> & {
+        'desktop-mode'?: unknown
+        'tablet-mode'?: unknown
+        'responsive-tablet'?: unknown
+        onOpenedChange?: (event: SideNavEventMap['opened-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 {}