🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP
Sign In

@isoftdata/svelte-textarea

Package Overview
Dependencies
Maintainers
12
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@isoftdata/svelte-textarea - npm Package Compare versions

Comparing version
2.1.1
to
2.2.0
+20
-4
dist/TextArea.svelte

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

@@ -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` |