@isoftdata/svelte-textarea - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/index.d.ts

@@ -1,1 +0,4 @@
-export { default } from "./TextArea.svelte";
+import type Label from '@isoftdata/svelte-label';
+import type { ComponentProps } from 'svelte';
+export { default as default } from './TextArea.svelte';
+export type LabelProps = ComponentProps<typeof Label>;

dist/index.js

@@ -1,1 +0,1 @@
-export { default as default } from './TextArea.svelte'
+export { default as default } from './TextArea.svelte';

dist/TextArea.svelte

 <script lang="ts">
 	import Label from '@isoftdata/svelte-label'
-	import type { ComponentProps, Snippet } from 'svelte'
+	import type { Snippet } from 'svelte'
 	import type { ClassValue, HTMLTextareaAttributes } from 'svelte/elements'
+	import type { LabelProps } from './'
 	import lazyAction from '@isoftdata/svelte-action-form-lazy'
@@ -10,17 +11,9 @@ import { getEventValue } from '@isoftdata/browser-event'
 
-	interface Props extends Omit<HTMLTextareaAttributes, `on:${string}` | `aria-${string}` | `bind:${string}`> {
+	interface Props extends Omit<HTMLTextareaAttributes, `on:${string}` | `aria-${string}` | `bind:${string}`>, 
+		Pick<LabelProps, 'append' | 'hint' | 'hintClass' | 'hintClick' | 'hintClickable' | 'isLoading' | 'label' | 'labelClass' | 'prepend' | 'showLabel' | 'textEllipsis'> 
+	{
 		class?: ClassValue
 		id?: any
-		label?: string | null
-		labelClass?: ClassValue | undefined
-		labelParentClass?: ClassValue | undefined
-		showLabel?: boolean
-		isLoading?: boolean
-		required?: boolean
-		hint?: string | null
-		hintClass?: string | undefined
-		hintClickable?: boolean
+		labelParentClass?: LabelProps['parentClass']
 		selectOnFocus?: boolean
-		textEllipsis?: boolean
-		title?: string | undefined
 		/** When using binding, `true` means the value will update `onchange`, `false` means `oninput`. A millisecond number value indicates the delay from the last UI interaction(debouncing) */
@@ -30,5 +23,4 @@ lazy?: boolean | number
 		textarea?: HTMLTextAreaElement | undefined
-		prepend?: Snippet
-		append?: Snippet
-		hintClick?: ComponentProps<typeof Label>['hintClick']
+		required?: boolean
+		title?: string
 	}
@@ -35,0 +27,0 @@

dist/TextArea.svelte.d.ts

@@ -1,19 +0,8 @@
-import Label from '@isoftdata/svelte-label';
-import type { ComponentProps, Snippet } from 'svelte';
 import type { ClassValue, HTMLTextareaAttributes } from 'svelte/elements';
-interface Props extends Omit<HTMLTextareaAttributes, `on:${string}` | `aria-${string}` | `bind:${string}`> {
+import type { LabelProps } from './';
+interface Props extends Omit<HTMLTextareaAttributes, `on:${string}` | `aria-${string}` | `bind:${string}`>, Pick<LabelProps, 'append' | 'hint' | 'hintClass' | 'hintClick' | 'hintClickable' | 'isLoading' | 'label' | 'labelClass' | 'prepend' | 'showLabel' | 'textEllipsis'> {
     class?: ClassValue;
     id?: any;
-    label?: string | null;
-    labelClass?: ClassValue | undefined;
-    labelParentClass?: ClassValue | undefined;
-    showLabel?: boolean;
-    isLoading?: boolean;
-    required?: boolean;
-    hint?: string | null;
-    hintClass?: string | undefined;
-    hintClickable?: boolean;
+    labelParentClass?: LabelProps['parentClass'];
     selectOnFocus?: boolean;
-    textEllipsis?: boolean;
-    title?: string | undefined;
     /** When using binding, `true` means the value will update `onchange`, `false` means `oninput`. A millisecond number value indicates the delay from the last UI interaction(debouncing) */
@@ -23,5 +12,4 @@ lazy?: boolean | number;
     textarea?: HTMLTextAreaElement | undefined;
-    prepend?: Snippet;
-    append?: Snippet;
-    hintClick?: ComponentProps<typeof Label>['hintClick'];
+    required?: boolean;
+    title?: string;
 }
@@ -28,0 +16,0 @@ declare const TextArea: import("svelte").Component<Props, {}, "value" | "textarea">;

package.json

 {
   "name": "@isoftdata/svelte-textarea",
-  "version": "2.1.0",
+  "version": "2.1.1",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write ."
+  },
   "exports": {
@@ -52,13 +63,3 @@ ".": {
     "pnpm": "10.x"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write ."
   }
-}
+}

README.md

 # Svelte Textarea
-
+![Screenshot of the attachment component](screenshot.png?raw=true "Screenshot")
 ## Install
@@ -62,3 +62,3 @@
 				value={value2}
-				on:change={changeHandler}
+				onchange={changeHandler}
 			/>
@@ -65,0 +65,0 @@ {value2}

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Improved metrics

Total package byte prevSize

8179

1.73%

Worsened metrics

Lines of code

22

-29.03%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes