@inkbar/vue 0.8.0 → 0.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_unref","_renderList","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode","_withCtx","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","SignatureForm_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","ctx","useInkContext","useTool","useToolOptions","draft","createSignatureDraft","IDLE","s","useReadable","uid","useId","padHost","useTemplateRef","detach","onMounted","onBeforeUnmount","save","t","setOptions","setTool","tabId","tab","panelId","shown","computed","SIGNATURE_LABELS","onTabKeydown","handleTabKeys","onRadioKeydown","handleRadioKeys","onName","onFile","openBlock","createElementBlock","Fragment","createElementVNode","unref","renderList","SIGNATURE_TABS","toDisplayString","_cache","font","normalizeStyle","fontFamilyValue","createCommentVNode","createVNode","DialogClose","withCtx"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useTool } from '../composables/useTool'\nimport { useToolOptions } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\nconst { setOptions } = useToolOptions<SignatureOptions>('signature')\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_unref","_renderList","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode","_withCtx","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","SignatureForm_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","ctx","useInkContext","useTool","hasSignatureTool","useHasTool","useToolOptionsWhile","draft","createSignatureDraft","IDLE","s","useReadable","uid","useId","padHost","useTemplateRef","detach","onMounted","onBeforeUnmount","save","t","setOptions","setTool","tabId","tab","panelId","shown","computed","SIGNATURE_LABELS","onTabKeydown","handleTabKeys","onRadioKeydown","handleRadioKeys","onName","onFile","openBlock","createElementBlock","Fragment","createElementVNode","unref","renderList","SIGNATURE_TABS","toDisplayString","_cache","font","normalizeStyle","fontFamilyValue","createCommentVNode","createVNode","DialogClose","withCtx"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useHasTool } from '../composables/useRegisteredTool'\nimport { useTool } from '../composables/useTool'\nimport { useToolOptionsWhile } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\n// Without the signature tool, Save only stores the template, as signing a form field needs.\nconst hasSignatureTool = useHasTool(ctx, 'signature')\nconst { setOptions } = useToolOptionsWhile<SignatureOptions>(\n  'signature',\n  hasSignatureTool\n)\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select && hasSignatureTool.value) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

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"}