@isoftdata/svelte-textarea
Advanced tools
+20
-4
@@ -11,5 +11,18 @@ <script lang="ts"> | ||
| interface Props extends Omit<HTMLTextareaAttributes, `on:${string}` | `aria-${string}` | `bind:${string}`>, | ||
| Pick<LabelProps, 'append' | 'hint' | 'hintClass' | 'hintClick' | 'hintClickable' | 'isLoading' | 'label' | 'labelClass' | 'prepend' | 'showLabel' | 'textEllipsis'> | ||
| { | ||
| 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 | ||
@@ -24,2 +37,3 @@ id?: any | ||
| required?: boolean | ||
| size?: '' | 'sm' | 'lg' | ||
| title?: string | ||
@@ -41,2 +55,3 @@ } | ||
| selectOnFocus = false, | ||
| size = '', | ||
| textEllipsis = false, | ||
@@ -75,2 +90,3 @@ title = undefined, | ||
| {prepend} | ||
| inputGroupSize={size} | ||
| showPrepend={!!prepend} | ||
@@ -84,3 +100,3 @@ showAppend={!!append} | ||
| {id} | ||
| class={['form-control', classNames]} | ||
| class={['form-control', size && `form-control-${size}`, classNames]} | ||
| {...rest} | ||
@@ -87,0 +103,0 @@ {value} |
@@ -13,2 +13,3 @@ import type { ClassValue, HTMLTextareaAttributes } from 'svelte/elements'; | ||
| required?: boolean; | ||
| size?: '' | 'sm' | 'lg'; | ||
| title?: string; | ||
@@ -15,0 +16,0 @@ } |
+13
-14
| { | ||
| "name": "@isoftdata/svelte-textarea", | ||
| "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 ." | ||
| }, | ||
| "version": "2.2.0", | ||
| "exports": { | ||
@@ -62,4 +51,14 @@ ".": { | ||
| "engines": { | ||
| "pnpm": "10.x" | ||
| "pnpm": "11.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 ." | ||
| } | ||
| } | ||
| } |
+1
-0
@@ -33,2 +33,3 @@ # Svelte Textarea | ||
| | showLabel | `boolean` | Whether to show the label. | `true` | | ||
| | size | `"" \| "sm" \| "lg"` | The size of the textarea component. | `""` | | ||
| | textarea | `HTMLTextAreaElement` | The `textarea` element. Useful if you want to call `focus()` or another function. | N/A | | ||
@@ -35,0 +36,0 @@ | textEllipsis | `boolean` | Whether to show ellipsis for overflowing label texr. | `false` | |
New author
Supply chain riskA 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.
8345
2.03%23
4.55%69
1.47%0
-100%