@phila/phila-ui-textarea 0.0.6 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -7
- package/dist/Textarea.vue.d.ts +4 -0
- package/dist/Textarea.vue.d.ts.map +1 -0
- package/dist/index.css +0 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +22 -0
- package/package.json +40 -35
- package/dist/TextArea.css +0 -1
- package/dist/TextArea.vue.d.ts +0 -62
- package/dist/textarea.js +0 -90
- package/dist/textarea.umd.cjs +0 -2
- package/dist/types.d.ts +0 -7
package/README.md
CHANGED
|
@@ -1,16 +1,75 @@
|
|
|
1
|
-
# Textarea
|
|
1
|
+
# Textarea Component
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A simple, customizable Vue 3. Textarea component built with TypeScript and Vite.
|
|
4
|
+
A textarea input component for Phila UI.
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
## Features
|
|
6
7
|
|
|
8
|
+
- 🎯 TypeScript support with full type definitions
|
|
9
|
+
|
|
10
|
+
## Installation
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
npm install @phila/phila-ui-textarea
|
|
14
|
+
# or
|
|
15
|
+
yarn add @phila/phila-ui-textarea
|
|
16
|
+
# or
|
|
17
|
+
pnpm add @phila/phila-ui-textarea
|
|
7
18
|
```
|
|
8
|
-
|
|
9
|
-
|
|
19
|
+
|
|
20
|
+
## Usage
|
|
21
|
+
|
|
22
|
+
```vue
|
|
23
|
+
<script setup lang="ts">
|
|
24
|
+
import { Textarea } from "@phila/phila-ui-textarea";
|
|
25
|
+
</script>
|
|
26
|
+
<template>...Add basic component template here...</template>
|
|
10
27
|
```
|
|
11
28
|
|
|
12
|
-
|
|
29
|
+
## Props
|
|
30
|
+
|
|
31
|
+
| Prop | Type | Default | Description |
|
|
32
|
+
| ---- | ---- | ------- | ----------- |
|
|
33
|
+
|
|
34
|
+
| ...Add props here...
|
|
35
|
+
|
|
36
|
+
## Events
|
|
37
|
+
|
|
38
|
+
| Event | Payload | Description |
|
|
39
|
+
| ----- | ------- | ----------- |
|
|
40
|
+
|
|
41
|
+
| ...Add events here...
|
|
42
|
+
|
|
43
|
+
## Examples
|
|
44
|
+
|
|
45
|
+
...Add examples here...
|
|
46
|
+
|
|
47
|
+
## Development
|
|
13
48
|
|
|
49
|
+
### Install Dependencies
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
pnpm install
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### Run Demo
|
|
56
|
+
|
|
57
|
+
```bash
|
|
58
|
+
pnpm dev
|
|
14
59
|
```
|
|
15
|
-
|
|
60
|
+
|
|
61
|
+
### Build Library
|
|
62
|
+
|
|
63
|
+
```bash
|
|
64
|
+
pnpm build
|
|
16
65
|
```
|
|
66
|
+
|
|
67
|
+
### Type Check
|
|
68
|
+
|
|
69
|
+
```bash
|
|
70
|
+
pnpm type-check
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
## License
|
|
74
|
+
|
|
75
|
+
MIT
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TextareaProps } from './index';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<TextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
3
|
+
export default _default;
|
|
4
|
+
//# sourceMappingURL=Textarea.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../src/Textarea.vue"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AA+D7C,wBASG"}
|
package/dist/index.css
ADDED
|
File without changes
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,SAAS;CAE/C"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),r=require("@phila/phila-ui-core"),n=e.defineComponent({__name:"Textarea",props:{className:{}},setup(t,{emit:c}){const a=t,s=e.computed(()=>r.cn("default-class",a.className));return(o,u)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(s.value)}," Hello world! I am Textarea ",2))}}),l=(t,c)=>{const a=t.__vccOpts||t;for(const[s,o]of c)a[s]=o;return a},p=l(n,[["__scopeId","data-v-bec73171"]]);exports.Textarea=p;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defineComponent as c, computed as r, createElementBlock as n, openBlock as l, normalizeClass as m } from "vue";
|
|
2
|
+
import { cn as p } from "@phila/phila-ui-core";
|
|
3
|
+
import './index.css';const _ = /* @__PURE__ */ c({
|
|
4
|
+
__name: "Textarea",
|
|
5
|
+
props: {
|
|
6
|
+
className: {}
|
|
7
|
+
},
|
|
8
|
+
setup(e, { emit: o }) {
|
|
9
|
+
const t = e, a = r(() => p("default-class", t.className));
|
|
10
|
+
return (s, f) => (l(), n("span", {
|
|
11
|
+
class: m(a.value)
|
|
12
|
+
}, " Hello world! I am Textarea ", 2));
|
|
13
|
+
}
|
|
14
|
+
}), u = (e, o) => {
|
|
15
|
+
const t = e.__vccOpts || e;
|
|
16
|
+
for (const [a, s] of o)
|
|
17
|
+
t[a] = s;
|
|
18
|
+
return t;
|
|
19
|
+
}, x = /* @__PURE__ */ u(_, [["__scopeId", "data-v-bec73171"]]);
|
|
20
|
+
export {
|
|
21
|
+
x as Textarea
|
|
22
|
+
};
|
package/package.json
CHANGED
|
@@ -1,47 +1,52 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-textarea",
|
|
3
|
-
"
|
|
4
|
-
"version": "0.0.6",
|
|
3
|
+
"version": "0.0.10",
|
|
5
4
|
"type": "module",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
"module": "./dist/textarea.js",
|
|
11
|
-
"types": "./dist/types.d.ts",
|
|
5
|
+
"description": "A textarea input component for Phila UI.",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.mjs",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
12
9
|
"exports": {
|
|
13
10
|
".": {
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
},
|
|
18
|
-
"require": "./dist/textarea.umd.cjs"
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.mjs",
|
|
13
|
+
"require": "./dist/index.js"
|
|
19
14
|
}
|
|
20
15
|
},
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"keywords": [
|
|
20
|
+
"ui",
|
|
21
|
+
"textarea",
|
|
22
|
+
"vue",
|
|
23
|
+
"component"
|
|
24
|
+
],
|
|
25
|
+
"author": "",
|
|
26
|
+
"license": "MIT",
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"vue": "^3.0.0"
|
|
26
29
|
},
|
|
27
30
|
"dependencies": {
|
|
28
|
-
"@phila/phila-ui-core": "
|
|
29
|
-
"bulma": "^0.9.4",
|
|
30
|
-
"vue": "^3.3.8"
|
|
31
|
+
"@phila/phila-ui-core": "2.1.0"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
33
|
-
"@types/node": "^
|
|
34
|
-
"@vitejs/plugin-vue": "^
|
|
35
|
-
"
|
|
36
|
-
"typescript": "^5.
|
|
37
|
-
"vite": "^
|
|
38
|
-
"vite-plugin-dts": "^
|
|
39
|
-
"vite-plugin-lib-inject-css": "^
|
|
40
|
-
"vue-tsc": "^1.8.22"
|
|
34
|
+
"@types/node": "^24.0.0",
|
|
35
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
36
|
+
"eslint": "^9.0.0",
|
|
37
|
+
"typescript": "^5.8.3",
|
|
38
|
+
"vite": "^7.0.6",
|
|
39
|
+
"vite-plugin-dts": "^4.5.4",
|
|
40
|
+
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
41
41
|
},
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
"scripts": {
|
|
43
|
+
"build": "vite build",
|
|
44
|
+
"dev": "vite build --watch",
|
|
45
|
+
"lint": "eslint src --ext .ts,.tsx,.vue",
|
|
46
|
+
"lint:fix": "eslint src --ext .ts,.tsx,.vue --fix",
|
|
47
|
+
"type-check": "tsc --noEmit",
|
|
48
|
+
"clean": "rm -rf dist",
|
|
49
|
+
"format": "prettier --write .",
|
|
50
|
+
"format:check": "prettier --check ."
|
|
51
|
+
}
|
|
52
|
+
}
|
package/dist/TextArea.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}textarea[data-v-34894edd]::-webkit-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]::-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:-ms-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]::placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:focus::-webkit-input-placeholder{color:transparent}textarea[data-v-34894edd]:focus:-moz-placeholder{color:transparent}textarea[data-v-34894edd]:focus::-moz-placeholder{color:transparent}textarea[data-v-34894edd]:focus:-ms-input-placeholder{color:transparent}.input-textarea.inner-label textarea[data-v-34894edd]::-webkit-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]::-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]:-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]:-ms-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]::placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label .textarea+label[data-v-34894edd]{opacity:0;z-index:-1}.input-textarea.inner-label .textarea[data-v-34894edd]:not(:placeholder-shown),.input-textarea.inner-label .textarea[data-v-34894edd]:focus{padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:placeholder-shown)+label[data-v-34894edd],.input-textarea.inner-label .textarea:focus+label[data-v-34894edd]{opacity:1;z-index:1}.input-textarea.inner-label .textarea[data-v-34894edd]:not(:-ms-input-placeholder){padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:-ms-input-placeholder)+label[data-v-34894edd]{opacity:1;z-index:1}
|
package/dist/TextArea.vue.d.ts
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { InputProps, TextboxProps } from "@phila/phila-ui-core";
|
|
2
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & TextboxProps>, {
|
|
3
|
-
id: string;
|
|
4
|
-
errors(): never[];
|
|
5
|
-
label: string;
|
|
6
|
-
desc: string;
|
|
7
|
-
placeholder: string;
|
|
8
|
-
type: string;
|
|
9
|
-
modelValue: string;
|
|
10
|
-
icon: string;
|
|
11
|
-
isLoading: boolean;
|
|
12
|
-
innerLabel: boolean;
|
|
13
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
-
[x: string]: (...args: unknown[]) => void;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & TextboxProps>, {
|
|
16
|
-
id: string;
|
|
17
|
-
errors(): never[];
|
|
18
|
-
label: string;
|
|
19
|
-
desc: string;
|
|
20
|
-
placeholder: string;
|
|
21
|
-
type: string;
|
|
22
|
-
modelValue: string;
|
|
23
|
-
icon: string;
|
|
24
|
-
isLoading: boolean;
|
|
25
|
-
innerLabel: boolean;
|
|
26
|
-
}>>>, {
|
|
27
|
-
id: string;
|
|
28
|
-
errors: import("@phila/phila-ui-core").InputErrors;
|
|
29
|
-
label: string;
|
|
30
|
-
desc: string;
|
|
31
|
-
placeholder: string;
|
|
32
|
-
type: string;
|
|
33
|
-
modelValue: string | number;
|
|
34
|
-
icon: string;
|
|
35
|
-
isLoading: boolean;
|
|
36
|
-
innerLabel: boolean;
|
|
37
|
-
}, {}>, {
|
|
38
|
-
desc?(_: {}): any;
|
|
39
|
-
}>;
|
|
40
|
-
export default _default;
|
|
41
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
42
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
43
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
44
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
45
|
-
} : {
|
|
46
|
-
type: import('vue').PropType<T[K]>;
|
|
47
|
-
required: true;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
type __VLS_WithDefaults<P, D> = {
|
|
51
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
52
|
-
default: D[K];
|
|
53
|
-
}> : P[K];
|
|
54
|
-
};
|
|
55
|
-
type __VLS_Prettify<T> = {
|
|
56
|
-
[K in keyof T]: T[K];
|
|
57
|
-
} & {};
|
|
58
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
-
new (): {
|
|
60
|
-
$slots: S;
|
|
61
|
-
};
|
|
62
|
-
};
|
package/dist/textarea.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import "./TextArea.css";
|
|
2
|
-
import { defineComponent as y, getCurrentInstance as I, openBlock as s, createElementBlock as a, normalizeClass as g, unref as t, createElementVNode as l, toDisplayString as n, createCommentVNode as p, mergeProps as k, Fragment as $, renderSlot as C, pushScopeId as B, popScopeId as S } from "vue";
|
|
3
|
-
import V from "@phila/phila-ui-core";
|
|
4
|
-
const L = (o) => (B("data-v-34894edd"), o = o(), S(), o), P = { class: "field" }, T = ["for"], A = { class: "control" }, q = ["id", "value", "placeholder"], w = ["for"], D = {
|
|
5
|
-
key: 1,
|
|
6
|
-
class: "supplemental-text"
|
|
7
|
-
}, E = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "supplemental-text"
|
|
10
|
-
}, K = {
|
|
11
|
-
key: 0,
|
|
12
|
-
class: "input-error-msg"
|
|
13
|
-
}, N = /* @__PURE__ */ L(() => /* @__PURE__ */ l("span", { class: "icon" }, [
|
|
14
|
-
/* @__PURE__ */ l("i", { class: "fas fa-exclamation-circle" })
|
|
15
|
-
], -1)), O = () => Math.random().toString(36).substring(2, 9), x = {
|
|
16
|
-
inheritAttrs: !1
|
|
17
|
-
}, z = /* @__PURE__ */ y({
|
|
18
|
-
...x,
|
|
19
|
-
__name: "TextArea",
|
|
20
|
-
props: {
|
|
21
|
-
id: { default: O() },
|
|
22
|
-
errors: { default() {
|
|
23
|
-
return [];
|
|
24
|
-
} },
|
|
25
|
-
optgroup: { type: Boolean },
|
|
26
|
-
disableableOptions: { type: Boolean },
|
|
27
|
-
options: {},
|
|
28
|
-
name: {},
|
|
29
|
-
textKey: {},
|
|
30
|
-
valueKey: {},
|
|
31
|
-
imaskProps: {},
|
|
32
|
-
label: { default: "" },
|
|
33
|
-
desc: { default: "" },
|
|
34
|
-
placeholder: { default: "" },
|
|
35
|
-
type: { default: "text" },
|
|
36
|
-
modelValue: { default: "" },
|
|
37
|
-
icon: { default: "" },
|
|
38
|
-
isLoading: { type: Boolean, default: !1 },
|
|
39
|
-
innerLabel: { type: Boolean, default: !0 }
|
|
40
|
-
},
|
|
41
|
-
emits: ["update:modelValue", "input"],
|
|
42
|
-
setup(o, { emit: u }) {
|
|
43
|
-
const { formHelpers: r } = V, d = o, c = u, _ = I(), { error: m, classes: b } = r.useInput.useInputComposable(
|
|
44
|
-
_,
|
|
45
|
-
d
|
|
46
|
-
), { defaultPlaceholder: i, onInput: f } = r.useTextbox.useTextboxComposable(c, d);
|
|
47
|
-
return (e, h) => (s(), a("div", {
|
|
48
|
-
class: g(["input-wrap input-textarea", t(b)])
|
|
49
|
-
}, [
|
|
50
|
-
l("div", P, [
|
|
51
|
-
e.innerLabel ? p("", !0) : (s(), a("label", {
|
|
52
|
-
key: 0,
|
|
53
|
-
for: `ta-${e.id}`
|
|
54
|
-
}, n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 9, T)),
|
|
55
|
-
l("div", A, [
|
|
56
|
-
l("textarea", k({
|
|
57
|
-
id: `ta-${e.id}`,
|
|
58
|
-
class: "textarea"
|
|
59
|
-
}, e.$attrs, {
|
|
60
|
-
value: e.modelValue,
|
|
61
|
-
placeholder: e.$attrs.required !== void 0 && t(i) !== "" ? `${t(i)}` : t(i),
|
|
62
|
-
onInput: h[0] || (h[0] = //@ts-ignore
|
|
63
|
-
(...v) => t(f) && t(f)(...v))
|
|
64
|
-
}), null, 16, q),
|
|
65
|
-
e.innerLabel ? (s(), a("label", {
|
|
66
|
-
key: 0,
|
|
67
|
-
for: `ta-${e.id}`
|
|
68
|
-
}, n(e.label ? e.label : t(i)), 9, w)) : p("", !0),
|
|
69
|
-
e.desc ? (s(), a("div", D, n(e.desc), 1)) : (s(), a($, { key: 2 }, [
|
|
70
|
-
e.$slots.desc ? (s(), a("div", E, [
|
|
71
|
-
C(e.$slots, "desc", {}, void 0, !0)
|
|
72
|
-
])) : p("", !0)
|
|
73
|
-
], 64))
|
|
74
|
-
])
|
|
75
|
-
]),
|
|
76
|
-
t(m) ? (s(), a("div", K, [
|
|
77
|
-
N,
|
|
78
|
-
l("span", null, n(t(m)), 1)
|
|
79
|
-
])) : p("", !0)
|
|
80
|
-
], 2));
|
|
81
|
-
}
|
|
82
|
-
}), F = (o, u) => {
|
|
83
|
-
const r = o.__vccOpts || o;
|
|
84
|
-
for (const [d, c] of u)
|
|
85
|
-
r[d] = c;
|
|
86
|
-
return r;
|
|
87
|
-
}, j = /* @__PURE__ */ F(z, [["__scopeId", "data-v-34894edd"]]);
|
|
88
|
-
export {
|
|
89
|
-
j as default
|
|
90
|
-
};
|
package/dist/textarea.umd.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(function(t,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],o):(t=typeof globalThis<"u"?globalThis:t||self,t.TextArea=o(t.Vue,t.PhilaUICore))})(this,function(t,o){"use strict";var i=document.createElement("style");i.textContent=`@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}textarea[data-v-34894edd]::-webkit-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]::-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:-ms-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]::placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-34894edd]:focus::-webkit-input-placeholder{color:transparent}textarea[data-v-34894edd]:focus:-moz-placeholder{color:transparent}textarea[data-v-34894edd]:focus::-moz-placeholder{color:transparent}textarea[data-v-34894edd]:focus:-ms-input-placeholder{color:transparent}.input-textarea.inner-label textarea[data-v-34894edd]::-webkit-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]::-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]:-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]:-ms-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-34894edd]::placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label .textarea+label[data-v-34894edd]{opacity:0;z-index:-1}.input-textarea.inner-label .textarea[data-v-34894edd]:not(:placeholder-shown),.input-textarea.inner-label .textarea[data-v-34894edd]:focus{padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:placeholder-shown)+label[data-v-34894edd],.input-textarea.inner-label .textarea:focus+label[data-v-34894edd]{opacity:1;z-index:1}.input-textarea.inner-label .textarea[data-v-34894edd]:not(:-ms-input-placeholder){padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:-ms-input-placeholder)+label[data-v-34894edd]{opacity:1;z-index:1}
|
|
2
|
-
`,document.head.appendChild(i);const m=a=>(t.pushScopeId("data-v-34894edd"),a=a(),t.popScopeId(),a),w={class:"field"},h=["for"],u={class:"control"},S=["id","value","placeholder"],y=["for"],g={key:1,class:"supplemental-text"},O={key:0,class:"supplemental-text"},x={key:0,class:"input-error-msg"},B=m(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fas fa-exclamation-circle"})],-1)),b=()=>Math.random().toString(36).substring(2,9),k={inheritAttrs:!1},_=t.defineComponent({...k,__name:"TextArea",props:{id:{default:b()},errors:{default(){return[]}},optgroup:{type:Boolean},disableableOptions:{type:Boolean},options:{},name:{},textKey:{},valueKey:{},imaskProps:{},label:{default:""},desc:{default:""},placeholder:{default:""},type:{default:"text"},modelValue:{default:""},icon:{default:""},isLoading:{type:Boolean,default:!1},innerLabel:{type:Boolean,default:!0}},emits:["update:modelValue","input"],setup(a,{emit:s}){const{formHelpers:n}=o,l=a,p=s,I=t.getCurrentInstance(),{error:d,classes:M}=n.useInput.useInputComposable(I,l),{defaultPlaceholder:r,onInput:f}=n.useTextbox.useTextboxComposable(p,l);return(e,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrap input-textarea",t.unref(M)])},[t.createElementVNode("div",w,[e.innerLabel?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("label",{key:0,for:`ta-${e.id}`},t.toDisplayString(e.label)+" "+t.toDisplayString(e.$attrs.required!==void 0?"*":""),9,h)),t.createElementVNode("div",u,[t.createElementVNode("textarea",t.mergeProps({id:`ta-${e.id}`,class:"textarea"},e.$attrs,{value:e.modelValue,placeholder:e.$attrs.required!==void 0&&t.unref(r)!==""?`${t.unref(r)}`:t.unref(r),onInput:c[0]||(c[0]=(...E)=>t.unref(f)&&t.unref(f)(...E))}),null,16,S),e.innerLabel?(t.openBlock(),t.createElementBlock("label",{key:0,for:`ta-${e.id}`},t.toDisplayString(e.label?e.label:t.unref(r)),9,y)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("div",g,t.toDisplayString(e.desc),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.desc?(t.openBlock(),t.createElementBlock("div",O,[t.renderSlot(e.$slots,"desc",{},void 0,!0)])):t.createCommentVNode("",!0)],64))])]),t.unref(d)?(t.openBlock(),t.createElementBlock("div",x,[B,t.createElementVNode("span",null,t.toDisplayString(t.unref(d)),1)])):t.createCommentVNode("",!0)],2))}});return((a,s)=>{const n=a.__vccOpts||a;for(const[l,p]of s)n[l]=p;return n})(_,[["__scopeId","data-v-34894edd"]])});
|