@phila/phila-ui-textarea 0.0.5 → 0.0.9
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/dist/TextArea.vue.d.ts +5 -48
- package/dist/textarea.js +43 -41
- package/dist/textarea.umd.cjs +2 -2
- package/package.json +5 -5
package/dist/TextArea.vue.d.ts
CHANGED
|
@@ -1,31 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const _default:
|
|
1
|
+
import { InputProps, TextboxProps } from "@phila/phila-ui-core";
|
|
2
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputProps & TextboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
|
|
3
3
|
id: string;
|
|
4
|
-
errors()
|
|
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<PhilaUICore.InputProps & PhilaUICore.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: PhilaUICore.InputErrors;
|
|
4
|
+
errors: import("@phila/phila-ui-core").InputErrors;
|
|
29
5
|
label: string;
|
|
30
6
|
desc: string;
|
|
31
7
|
placeholder: string;
|
|
@@ -34,28 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
34
10
|
icon: string;
|
|
35
11
|
isLoading: boolean;
|
|
36
12
|
innerLabel: boolean;
|
|
37
|
-
}, {}>,
|
|
38
|
-
desc?(_: {}): any;
|
|
39
|
-
}>;
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, any>;
|
|
40
14
|
export default _default;
|
|
41
|
-
type
|
|
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 & {
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
59
16
|
new (): {
|
|
60
17
|
$slots: S;
|
|
61
18
|
};
|
package/dist/textarea.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import "./TextArea.css";
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import
|
|
4
|
-
const
|
|
2
|
+
import { defineComponent as _, getCurrentInstance as g, createElementBlock as o, openBlock as s, normalizeClass as k, unref as t, createElementVNode as a, createCommentVNode as p, toDisplayString as r, mergeProps as $, Fragment as I, renderSlot as C } from "vue";
|
|
3
|
+
import B from "@phila/phila-ui-core";
|
|
4
|
+
const V = { class: "field" }, L = ["for"], P = { class: "control" }, T = ["id", "value", "placeholder"], A = ["for"], S = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "supplemental-text"
|
|
7
|
-
},
|
|
7
|
+
}, q = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "supplemental-text"
|
|
10
|
-
},
|
|
10
|
+
}, D = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "input-error-msg"
|
|
13
|
-
},
|
|
14
|
-
/* @__PURE__ */ l("i", { class: "fas fa-exclamation-circle" })
|
|
15
|
-
], -1)), x = () => Math.random().toString(36).substring(2, 9), z = {
|
|
13
|
+
}, E = () => Math.random().toString(36).substring(2, 9), K = {
|
|
16
14
|
inheritAttrs: !1
|
|
17
|
-
},
|
|
18
|
-
...
|
|
15
|
+
}, N = /* @__PURE__ */ _({
|
|
16
|
+
...K,
|
|
19
17
|
__name: "TextArea",
|
|
20
18
|
props: {
|
|
21
|
-
id: { default:
|
|
19
|
+
id: { default: E() },
|
|
22
20
|
errors: { default() {
|
|
23
21
|
return [];
|
|
24
22
|
} },
|
|
25
23
|
optgroup: { type: Boolean },
|
|
24
|
+
disableableOptions: { type: Boolean },
|
|
26
25
|
options: {},
|
|
26
|
+
name: {},
|
|
27
27
|
textKey: {},
|
|
28
28
|
valueKey: {},
|
|
29
29
|
imaskProps: {},
|
|
@@ -37,52 +37,54 @@ const L = (o) => (S("data-v-34894edd"), o = o(), B(), o), P = { class: "field" }
|
|
|
37
37
|
innerLabel: { type: Boolean, default: !0 }
|
|
38
38
|
},
|
|
39
39
|
emits: ["update:modelValue", "input"],
|
|
40
|
-
setup(
|
|
41
|
-
const { formHelpers:
|
|
42
|
-
|
|
40
|
+
setup(n, { emit: c }) {
|
|
41
|
+
const { formHelpers: l } = B, d = n, m = c, v = g(), { error: f, classes: y } = l.useInput.useInputComposable(
|
|
42
|
+
v,
|
|
43
43
|
d
|
|
44
|
-
), { defaultPlaceholder: i, onInput:
|
|
45
|
-
return (e,
|
|
46
|
-
class:
|
|
44
|
+
), { defaultPlaceholder: i, onInput: b } = l.useTextbox.useTextboxComposable(m, d);
|
|
45
|
+
return (e, u) => (s(), o("div", {
|
|
46
|
+
class: k(["input-wrap input-textarea", t(y)])
|
|
47
47
|
}, [
|
|
48
|
-
|
|
49
|
-
e.innerLabel ?
|
|
48
|
+
a("div", V, [
|
|
49
|
+
e.innerLabel ? p("", !0) : (s(), o("label", {
|
|
50
50
|
key: 0,
|
|
51
51
|
for: `ta-${e.id}`
|
|
52
|
-
},
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
}, r(e.label) + " " + r(e.$attrs.required !== void 0 ? "*" : ""), 9, L)),
|
|
53
|
+
a("div", P, [
|
|
54
|
+
a("textarea", $({
|
|
55
55
|
id: `ta-${e.id}`,
|
|
56
56
|
class: "textarea"
|
|
57
57
|
}, e.$attrs, {
|
|
58
58
|
value: e.modelValue,
|
|
59
59
|
placeholder: e.$attrs.required !== void 0 && t(i) !== "" ? `${t(i)}` : t(i),
|
|
60
|
-
onInput:
|
|
61
|
-
(...
|
|
62
|
-
}), null, 16,
|
|
63
|
-
e.innerLabel ? (s(),
|
|
60
|
+
onInput: u[0] || (u[0] = //@ts-ignore
|
|
61
|
+
(...h) => t(b) && t(b)(...h))
|
|
62
|
+
}), null, 16, T),
|
|
63
|
+
e.innerLabel ? (s(), o("label", {
|
|
64
64
|
key: 0,
|
|
65
65
|
for: `ta-${e.id}`
|
|
66
|
-
},
|
|
67
|
-
e.desc ? (s(),
|
|
68
|
-
e.$slots.desc ? (s(),
|
|
66
|
+
}, r(e.label ? e.label : t(i)), 9, A)) : p("", !0),
|
|
67
|
+
e.desc ? (s(), o("div", S, r(e.desc), 1)) : (s(), o(I, { key: 2 }, [
|
|
68
|
+
e.$slots.desc ? (s(), o("div", q, [
|
|
69
69
|
C(e.$slots, "desc", {}, void 0, !0)
|
|
70
|
-
])) :
|
|
70
|
+
])) : p("", !0)
|
|
71
71
|
], 64))
|
|
72
72
|
])
|
|
73
73
|
]),
|
|
74
|
-
t(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
t(f) ? (s(), o("div", D, [
|
|
75
|
+
u[1] || (u[1] = a("span", { class: "icon" }, [
|
|
76
|
+
a("i", { class: "fas fa-exclamation-circle" })
|
|
77
|
+
], -1)),
|
|
78
|
+
a("span", null, r(t(f)), 1)
|
|
79
|
+
])) : p("", !0)
|
|
78
80
|
], 2));
|
|
79
81
|
}
|
|
80
|
-
}),
|
|
81
|
-
const
|
|
82
|
-
for (const [d,
|
|
83
|
-
|
|
84
|
-
return
|
|
85
|
-
},
|
|
82
|
+
}), O = (n, c) => {
|
|
83
|
+
const l = n.__vccOpts || n;
|
|
84
|
+
for (const [d, m] of c)
|
|
85
|
+
l[d] = m;
|
|
86
|
+
return l;
|
|
87
|
+
}, F = /* @__PURE__ */ O(N, [["__scopeId", "data-v-34894edd"]]);
|
|
86
88
|
export {
|
|
87
|
-
|
|
89
|
+
F as default
|
|
88
90
|
};
|
package/dist/textarea.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(t,
|
|
2
|
-
|
|
1
|
+
(function(t,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],a):(t=typeof globalThis<"u"?globalThis:t||self,t.TextArea=a(t.Vue,t.PhilaUICore))})(this,function(t,a){"use strict";var f=document.createElement("style");f.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
|
+
/*$vite$:1*/`,document.head.appendChild(f);const m={class:"field"},w=["for"],u={class:"control"},h=["id","value","placeholder"],S=["for"],y={key:1,class:"supplemental-text"},g={key:0,class:"supplemental-text"},O={key:0,class:"input-error-msg"},x=()=>Math.random().toString(36).substring(2,9),B={inheritAttrs:!1},b=t.defineComponent({...B,__name:"TextArea",props:{id:{default:x()},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(n,{emit:i}){const{formHelpers:o}=a,l=n,p=i,k=t.getCurrentInstance(),{error:d,classes:I}=o.useInput.useInputComposable(k,l),{defaultPlaceholder:r,onInput:c}=o.useTextbox.useTextboxComposable(p,l);return(e,s)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrap input-textarea",t.unref(I)])},[t.createElementVNode("div",m,[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,w)),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:s[0]||(s[0]=(..._)=>t.unref(c)&&t.unref(c)(..._))}),null,16,h),e.innerLabel?(t.openBlock(),t.createElementBlock("label",{key:0,for:`ta-${e.id}`},t.toDisplayString(e.label?e.label:t.unref(r)),9,S)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("div",y,t.toDisplayString(e.desc),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.desc?(t.openBlock(),t.createElementBlock("div",g,[t.renderSlot(e.$slots,"desc",{},void 0,!0)])):t.createCommentVNode("",!0)],64))])]),t.unref(d)?(t.openBlock(),t.createElementBlock("div",O,[s[1]||(s[1]=t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fas fa-exclamation-circle"})],-1)),t.createElementVNode("span",null,t.toDisplayString(t.unref(d)),1)])):t.createCommentVNode("",!0)],2))}});return((n,i)=>{const o=n.__vccOpts||n;for(const[l,p]of i)o[l]=p;return o})(b,[["__scopeId","data-v-34894edd"]])});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-textarea",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.9",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"preview": "vite preview"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@phila/phila-ui-core": "1.0.
|
|
28
|
+
"@phila/phila-ui-core": "^1.0.24",
|
|
29
29
|
"bulma": "^0.9.4",
|
|
30
30
|
"vue": "^3.3.8"
|
|
31
31
|
},
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
"@types/node": "^20.10.3",
|
|
34
34
|
"@vitejs/plugin-vue": "^4.5.0",
|
|
35
35
|
"sass": "^1.69.5",
|
|
36
|
-
"typescript": "^5.
|
|
36
|
+
"typescript": "^5.8.2",
|
|
37
37
|
"vite": "^5.0.0",
|
|
38
38
|
"vite-plugin-dts": "^3.6.4",
|
|
39
39
|
"vite-plugin-lib-inject-css": "^1.3.0",
|
|
40
|
-
"vue-tsc": "^
|
|
40
|
+
"vue-tsc": "^2.2.8"
|
|
41
41
|
},
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"registry": "https://registry.npmjs.com/",
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "09f2b67c1d3db773c813231e21b62b37e34aefbd"
|
|
47
47
|
}
|