@bagelink/vue 1.4.12 → 1.4.16

package/src/components/form/inputs/SignaturePad.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import type { Options as SignaturePadOptions } from 'signature_pad'
 import { Btn } from '@bagelink/vue'
+import { useEventListener, useResizeObserver } from '@vueuse/core'
 import SignaturePad from 'signature_pad'
-import { onMounted, onUnmounted, watch } from 'vue'
+import { onMounted, watch } from 'vue'
 
 export interface WaterMark {
 	text: string
@@ -186,12 +187,10 @@ function resizeCanvas() {
 
 function draw() {
 	sig = new SignaturePad(vCanvas!, signatureOptions)
-	window.addEventListener('resize', resizeCanvas)
 	resizeCanvas()
 	if (props.disabled) sig.off()
 	else sig.on()
 	_isEmpty = sig.isEmpty()
-	sig.addEventListener('endStroke', onEndStroke)
 
 	// Load initial file if provided
 	if (fileData.value) {
@@ -200,10 +199,8 @@ function draw() {
 }
 
 onMounted(draw)
-onUnmounted(() => {
-	sig?.removeEventListener('endStroke', onEndStroke)
-	window.removeEventListener('resize', resizeCanvas)
-})
+useResizeObserver(() => vCanvas, resizeCanvas)
+useEventListener(() => sig, 'endStroke', onEndStroke)
 
 defineExpose({
 	save,
@@ -239,16 +236,13 @@ defineExpose({
 			type="text"
 			:required="required && _isEmpty"
 			class="pixel opacity-0"
-			tabindex="-1"
-			aria-hidden="true"
-			@focus="event => (event.target as any)?.blur?.()"
+			inputMode="none"
 		>
 		<!--
 			we add a hidden input to make the signature pad required
-					we need to set the tabindex to -1 and aria-hidden to true
-					to make it not focusable and not visible to screen readers
-			! most importantally this prevents the keyboard from opening on mobile
- 	-->
+					we need to set inputMode="none"
+			! this prevents the keyboard from opening on mobile
+		-->
 	</div>
 </template>
 

package/dist/components/Icon.vue.d.ts

@@ -1,16 +0,0 @@
-import { IconType } from '..';
-type __VLS_Props = {
-    icon?: IconType;
-    name?: IconType;
-    size?: number | string;
-    color?: string;
-    round?: boolean;
-    weight?: number | string;
-    fontAwesome?: boolean;
-    fill?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=Icon.vue.d.ts.map

package/dist/components/Icon.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../src/components/Icon.vue"],"names":[],"mappings":"AAoIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,KAAK,WAAW,GAAG;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACd,CAAC;;UANM,MAAM,GAAG,MAAM;;AAgIvB,wBAOG"}

package/dist/components/form/BglFieldSet.vue.d.ts

@@ -1,25 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        fieldSet: HTMLFieldSetElement;
-    };
-    rootEl: HTMLFieldSetElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {
-    validateForm: () => boolean | undefined;
-    isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    fieldSet: HTMLFieldSetElement;
-}, HTMLFieldSetElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=BglFieldSet.vue.d.ts.map

package/dist/components/form/BglFieldSet.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BglFieldSet.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglFieldSet.vue"],"names":[],"mappings":"AAsBA,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;uBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}