@phila/phila-ui-textarea 0.0.2 → 0.0.4

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.css CHANGED
@@ -1 +1 @@
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-3a01cc14]::-webkit-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]::-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:-ms-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]::placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:focus::-webkit-input-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus:-moz-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus::-moz-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus:-ms-input-placeholder{color:transparent}.input-textarea.inner-label textarea[data-v-3a01cc14]::-webkit-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]::-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]:-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]:-ms-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]::placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label .textarea+label[data-v-3a01cc14]{opacity:0;z-index:-1}.input-textarea.inner-label .textarea[data-v-3a01cc14]:not(:placeholder-shown),.input-textarea.inner-label .textarea[data-v-3a01cc14]:focus{padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:placeholder-shown)+label[data-v-3a01cc14],.input-textarea.inner-label .textarea:focus+label[data-v-3a01cc14]{opacity:1;z-index:1}.input-textarea.inner-label .textarea[data-v-3a01cc14]:not(:-ms-input-placeholder){padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:-ms-input-placeholder)+label[data-v-3a01cc14]{opacity:1;z-index:1}
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.js CHANGED
@@ -1,7 +1,7 @@
1
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 i, createCommentVNode as u, mergeProps as k, Fragment as $, renderSlot as C, pushScopeId as S, popScopeId as B } from "vue";
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 u, mergeProps as k, Fragment as $, renderSlot as C, pushScopeId as S, popScopeId as B } from "vue";
3
3
  import V from "@phila/phila-ui-core";
4
- const L = (o) => (S("data-v-3a01cc14"), o = o(), B(), o), P = { class: "field" }, T = ["for"], A = { class: "control" }, w = ["id", "value", "placeholder"], x = ["for"], D = {
4
+ const L = (o) => (S("data-v-34894edd"), o = o(), B(), o), P = { class: "field" }, T = ["for"], A = { class: "control" }, q = ["id", "value", "placeholder"], w = ["for"], D = {
5
5
  key: 1,
6
6
  class: "supplemental-text"
7
7
  }, E = {
@@ -12,13 +12,13 @@ const L = (o) => (S("data-v-3a01cc14"), o = o(), B(), o), P = { class: "field" }
12
12
  class: "input-error-msg"
13
13
  }, N = /* @__PURE__ */ L(() => /* @__PURE__ */ l("span", { class: "icon" }, [
14
14
  /* @__PURE__ */ l("i", { class: "fas fa-exclamation-circle" })
15
- ], -1)), q = () => Math.random().toString(36).substring(2, 9), z = {
15
+ ], -1)), x = () => Math.random().toString(36).substring(2, 9), z = {
16
16
  inheritAttrs: !1
17
17
  }, F = /* @__PURE__ */ y({
18
18
  ...z,
19
19
  __name: "TextArea",
20
20
  props: {
21
- id: { default: q() },
21
+ id: { default: x() },
22
22
  errors: { default() {
23
23
  return [];
24
24
  } },
@@ -38,33 +38,33 @@ const L = (o) => (S("data-v-3a01cc14"), o = o(), B(), o), P = { class: "field" }
38
38
  },
39
39
  emits: ["update:modelValue", "input"],
40
40
  setup(o, { emit: p }) {
41
- const { formHelpers: r } = V, n = o, c = p, h = I(), { error: m, classes: v } = r.useInput.useInputComposable(
42
- h,
43
- n
44
- ), { defaultPlaceholder: d, onInput: f } = r.useTextbox.useTextboxComposable(c, n);
45
- return (e, _) => (s(), a("div", {
41
+ const { formHelpers: r } = V, d = o, c = p, _ = I(), { error: m, classes: v } = r.useInput.useInputComposable(
42
+ _,
43
+ d
44
+ ), { defaultPlaceholder: i, onInput: f } = r.useTextbox.useTextboxComposable(c, d);
45
+ return (e, h) => (s(), a("div", {
46
46
  class: g(["input-wrap input-textarea", t(v)])
47
47
  }, [
48
48
  l("div", P, [
49
49
  e.innerLabel ? u("", !0) : (s(), a("label", {
50
50
  key: 0,
51
51
  for: `ta-${e.id}`
52
- }, i(e.label), 9, T)),
52
+ }, n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 9, T)),
53
53
  l("div", A, [
54
54
  l("textarea", k({
55
55
  id: `ta-${e.id}`,
56
56
  class: "textarea"
57
57
  }, e.$attrs, {
58
58
  value: e.modelValue,
59
- placeholder: e.$attrs.required !== void 0 && t(d) !== "" ? `${t(d)} *` : t(d),
60
- onInput: _[0] || (_[0] = //@ts-ignore
59
+ placeholder: e.$attrs.required !== void 0 && t(i) !== "" ? `${t(i)}` : t(i),
60
+ onInput: h[0] || (h[0] = //@ts-ignore
61
61
  (...b) => t(f) && t(f)(...b))
62
- }), null, 16, w),
62
+ }), null, 16, q),
63
63
  e.innerLabel ? (s(), a("label", {
64
64
  key: 0,
65
65
  for: `ta-${e.id}`
66
- }, i(e.label ? e.label : t(d)), 9, x)) : u("", !0),
67
- e.desc ? (s(), a("div", D, i(e.desc), 1)) : (s(), a($, { key: 2 }, [
66
+ }, n(e.label ? e.label : t(i)), 9, w)) : u("", !0),
67
+ e.desc ? (s(), a("div", D, n(e.desc), 1)) : (s(), a($, { key: 2 }, [
68
68
  e.$slots.desc ? (s(), a("div", E, [
69
69
  C(e.$slots, "desc", {}, void 0, !0)
70
70
  ])) : u("", !0)
@@ -73,16 +73,16 @@ const L = (o) => (S("data-v-3a01cc14"), o = o(), B(), o), P = { class: "field" }
73
73
  ]),
74
74
  t(m) ? (s(), a("div", K, [
75
75
  N,
76
- l("span", null, i(t(m)), 1)
76
+ l("span", null, n(t(m)), 1)
77
77
  ])) : u("", !0)
78
78
  ], 2));
79
79
  }
80
80
  }), H = (o, p) => {
81
81
  const r = o.__vccOpts || o;
82
- for (const [n, c] of p)
83
- r[n] = c;
82
+ for (const [d, c] of p)
83
+ r[d] = c;
84
84
  return r;
85
- }, j = /* @__PURE__ */ H(F, [["__scopeId", "data-v-3a01cc14"]]);
85
+ }, j = /* @__PURE__ */ H(F, [["__scopeId", "data-v-34894edd"]]);
86
86
  export {
87
87
  j as default
88
88
  };
@@ -1,2 +1,2 @@
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 p=document.createElement("style");p.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-3a01cc14]::-webkit-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]::-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:-moz-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:-ms-input-placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]::placeholder{color:#a1a1a1!important;opacity:1!important}textarea[data-v-3a01cc14]:focus::-webkit-input-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus:-moz-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus::-moz-placeholder{color:transparent}textarea[data-v-3a01cc14]:focus:-ms-input-placeholder{color:transparent}.input-textarea.inner-label textarea[data-v-3a01cc14]::-webkit-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]::-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]:-moz-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]:-ms-input-placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label textarea[data-v-3a01cc14]::placeholder{color:#444!important;opacity:1!important}.input-textarea.inner-label .textarea+label[data-v-3a01cc14]{opacity:0;z-index:-1}.input-textarea.inner-label .textarea[data-v-3a01cc14]:not(:placeholder-shown),.input-textarea.inner-label .textarea[data-v-3a01cc14]:focus{padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:placeholder-shown)+label[data-v-3a01cc14],.input-textarea.inner-label .textarea:focus+label[data-v-3a01cc14]{opacity:1;z-index:1}.input-textarea.inner-label .textarea[data-v-3a01cc14]:not(:-ms-input-placeholder){padding:1.5rem 1rem 0 .75rem}.input-textarea.inner-label .textarea:not(:-ms-input-placeholder)+label[data-v-3a01cc14]{opacity:1;z-index:1}
2
- `,document.head.appendChild(p);const m=e=>(t.pushScopeId("data-v-3a01cc14"),e=e(),t.popScopeId(),e),w={class:"field"},h=["for"],u={class:"control"},S=["id","value","placeholder"],y=["for"],g={key:1,class:"supplemental-text"},x={key:0,class:"supplemental-text"},O={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},options:{},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(e,{emit:s}){const{formHelpers:n}=o,l=e,c=s,I=t.getCurrentInstance(),{error:i,classes:M}=n.useInput.useInputComposable(I,l),{defaultPlaceholder:r,onInput:f}=n.useTextbox.useTextboxComposable(c,l);return(a,d)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrap input-textarea",t.unref(M)])},[t.createElementVNode("div",w,[a.innerLabel?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("label",{key:0,for:`ta-${a.id}`},t.toDisplayString(a.label),9,h)),t.createElementVNode("div",u,[t.createElementVNode("textarea",t.mergeProps({id:`ta-${a.id}`,class:"textarea"},a.$attrs,{value:a.modelValue,placeholder:a.$attrs.required!==void 0&&t.unref(r)!==""?`${t.unref(r)} *`:t.unref(r),onInput:d[0]||(d[0]=(...E)=>t.unref(f)&&t.unref(f)(...E))}),null,16,S),a.innerLabel?(t.openBlock(),t.createElementBlock("label",{key:0,for:`ta-${a.id}`},t.toDisplayString(a.label?a.label:t.unref(r)),9,y)):t.createCommentVNode("",!0),a.desc?(t.openBlock(),t.createElementBlock("div",g,t.toDisplayString(a.desc),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[a.$slots.desc?(t.openBlock(),t.createElementBlock("div",x,[t.renderSlot(a.$slots,"desc",{},void 0,!0)])):t.createCommentVNode("",!0)],64))])]),t.unref(i)?(t.openBlock(),t.createElementBlock("div",O,[B,t.createElementVNode("span",null,t.toDisplayString(t.unref(i)),1)])):t.createCommentVNode("",!0)],2))}});return((e,s)=>{const n=e.__vccOpts||e;for(const[l,c]of s)n[l]=c;return n})(_,[["__scopeId","data-v-3a01cc14"]])});
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},options:{},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"]])});
package/dist/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import TextArea from 'TextArea.vue';
1
+ import TextArea from './TextArea.vue';
2
2
  declare module '@vue/runtime-core' {
3
3
  interface GlobalComponents {
4
4
  TextArea: typeof TextArea;
5
5
  }
6
6
  }
7
+ export {};
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.2",
4
+ "version": "0.0.4",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -43,5 +43,5 @@
43
43
  "registry": "https://registry.npmjs.com/",
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "fdbb95c5dead04026c297ab8c38462de7456a374"
46
+ "gitHead": "41f3602a8182b747db366652993576f74555dd20"
47
47
  }