@inkbar/vue 0.9.0 → 0.10.0

package/dist/components/SidebarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./InkIcon.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, toDisplayString as l } from "vue";
+import { sidebarBadge as u } from "@inkbar/core/dom";
+//#region src/components/SidebarTrigger.vue?vue&type=script&setup=true&lang.ts
+var d = {
+	key: 1,
+	class: "ink-sidebar-label"
+}, f = ["hidden"], p = /*@__PURE__*/ s({
+	__name: "SidebarTrigger",
+	props: {
+		panel: {},
+		rail: { type: Boolean }
+	},
+	setup(s) {
+		let p = s, m = n(() => u(p.panel.badge));
+		return (n, u) => (c(), a(t, null, [
+			s.panel.icon ? (c(), r(e, {
+				key: 0,
+				icon: s.panel.icon
+			}, null, 8, ["icon"])) : i("", !0),
+			!s.panel.icon || !s.rail ? (c(), a("span", d, l(s.panel.label), 1)) : i("", !0),
+			o("span", {
+				class: "ink-sidebar-badge",
+				"aria-hidden": "true",
+				hidden: m.value === null
+			}, l(m.value), 9, f)
+		], 64));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=SidebarTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SidebarTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","InkIcon","_createCommentVNode","_toDisplayString","_createElementVNode","InkIcon_default","_hoisted_1","_hoisted_2","SidebarTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","badge","computed","sidebarBadge","openBlock","createElementBlock","Fragment","createBlock","createCommentVNode","toDisplayString","createElementVNode"],"sources":["../../src/components/SidebarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * A sidebar trigger's content: `createSidebar`'s markup, so the theme styles both alike. The\n * rail shows the icon alone (the trigger's `title` carries the label); tabs and stack headers\n * show the label too. The badge is hidden from assistive technology: the trigger's name has it.\n */\nimport { sidebarBadge, type SidebarPanelInfo } from '@inkbar/core/dom'\nimport { computed } from 'vue'\n\nimport InkIcon from './InkIcon.vue'\n\nconst props = defineProps<{ panel: SidebarPanelInfo; rail: boolean }>()\nconst badge = computed(() => sidebarBadge(props.panel.badge))\n</script>\n\n<template>\n  <InkIcon v-if=\"panel.icon\" :icon=\"panel.icon\" />\n  <span v-if=\"!panel.icon || !rail\" class=\"ink-sidebar-label\">{{ panel.label }}</span>\n  <span class=\"ink-sidebar-badge\" aria-hidden=\"true\" :hidden=\"badge === null\">{{\n    badge\n  }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAWA,IAAMY,IAAQC,GACRC,IAAQC,QAAeC,EAAaJ,EAAM,MAAM,KAAK,CAAC;;GAI3CC,EAAA,MAAM,QAArBb,EAAA,GAAAG,EAAgDC,GAAA;;IAApB,MAAMS,EAAA,MAAM;;GAC3B,CAAAA,EAAA,MAAM,QAAI,CAAKA,EAAA,QAA5Bb,EAAA,GAAAC,EAAoF,QAApFQ,GAAoFH,EAArBO,EAAA,MAAM,KAAK,GAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA;GAC1Ed,EAES,QAAA;IAFH,OAAM;IAAoB,eAAY;IAAQ,QAAQO,EAAA,UAAK;GAC/D,GAAAR,EAAAQ,EAAA,KAAK,GAAA,GAAAJ,CAAA"}

package/dist/components/sidebar-context.d.ts

@@ -0,0 +1,21 @@
+import { SidebarController, SidebarPanelInfo, SidebarState } from '@inkbar/core/dom';
+import { Ref } from 'vue';
+/** A panel as `InkPanel` registers it. */
+export interface SidebarPanelEntry {
+    /** The panel's props; read inside a computed, so changes reach the sidebar. */
+    info(): SidebarPanelInfo;
+    /** The panel's element once mounted, to keep the panels in DOM order. */
+    element(): HTMLElement | null;
+}
+/** What `InkSidebar` gives its panels. */
+export interface SidebarContext {
+    controller: SidebarController;
+    /** The controller's state: read it to re-render when the attributes change. */
+    state: Readonly<Ref<SidebarState>>;
+    /** Adds a panel at the end; returns the function that removes it. */
+    register(entry: SidebarPanelEntry): () => void;
+    /** Puts the registered panels in the order of their elements in the DOM. */
+    arrange(): void;
+}
+export declare const injectSidebarContext: <T extends SidebarContext | null | undefined = SidebarContext>(fallback?: T | undefined) => T extends null ? SidebarContext | null : SidebarContext, provideSidebarContext: (contextValue: SidebarContext) => SidebarContext;
+//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/components/sidebar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../src/components/sidebar-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACzF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,0CAA0C;AAC1C,MAAM,WAAW,iBAAiB;IAChC,+EAA+E;IAC/E,IAAI,IAAI,gBAAgB,CAAA;IACxB,yEAAyE;IACzE,OAAO,IAAI,WAAW,GAAG,IAAI,CAAA;CAC9B;AAED,0CAA0C;AAC1C,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,iBAAiB,CAAA;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAA;IAClC,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,IAAI,CAAA;IAC9C,4EAA4E;IAC5E,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAO,oBAAoB,uJAAE,qBAAqB,kDACZ,CAAA"}

package/dist/components/sidebar-context.js

@@ -0,0 +1,7 @@
+import { createContext as e } from "reka-ui";
+//#region src/components/sidebar-context.ts
+var [t, n] = e("InkSidebar");
+//#endregion
+export { t as injectSidebarContext, n as provideSidebarContext };
+
+//# sourceMappingURL=sidebar-context.js.map

package/dist/components/sidebar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.js","names":["injectSidebarContext","provideSidebarContext","createContext"],"sources":["../../src/components/sidebar-context.ts"],"sourcesContent":["import { createContext } from 'reka-ui'\n\nimport type { SidebarController, SidebarPanelInfo, SidebarState } from '@inkbar/core/dom'\nimport type { Ref } from 'vue'\n\n/** A panel as `InkPanel` registers it. */\nexport interface SidebarPanelEntry {\n  /** The panel's props; read inside a computed, so changes reach the sidebar. */\n  info(): SidebarPanelInfo\n  /** The panel's element once mounted, to keep the panels in DOM order. */\n  element(): HTMLElement | null\n}\n\n/** What `InkSidebar` gives its panels. */\nexport interface SidebarContext {\n  controller: SidebarController\n  /** The controller's state: read it to re-render when the attributes change. */\n  state: Readonly<Ref<SidebarState>>\n  /** Adds a panel at the end; returns the function that removes it. */\n  register(entry: SidebarPanelEntry): () => void\n  /** Puts the registered panels in the order of their elements in the DOM. */\n  arrange(): void\n}\n\nexport const [injectSidebarContext, provideSidebarContext] =\n  createContext<SidebarContext>('InkSidebar')\n"],"mappings":";;AAwBA,IAAa,CAACA,GAAsBC,KAClCC,EAA8B,YAAY"}