primevue 3.34.1 → 3.36.0

package/terminal/style/terminalstyle.esm.js

@@ -0,0 +1,19 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n";
+var classes = {
+  root: 'p-terminal p-component',
+  content: 'p-terminal-content',
+  prompt: 'p-terminal-prompt',
+  command: 'p-terminal-command',
+  response: 'p-terminal-response',
+  container: 'p-terminal-prompt-container',
+  commandText: 'p-terminal-input'
+};
+var TerminalStyle = BaseStyle.extend({
+  name: 'terminal',
+  css: css,
+  classes: classes
+});
+
+export { TerminalStyle as default };

package/terminal/style/terminalstyle.esm.min.js

@@ -0,0 +1 @@
+import n from"primevue/base/style";var e=n.extend({name:"terminal",css:"\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}});export{e as default};

package/terminal/style/terminalstyle.js

@@ -0,0 +1,28 @@
+this.primevue = this.primevue || {};
+this.primevue.terminal = this.primevue.terminal || {};
+this.primevue.terminal.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n";
+    var classes = {
+      root: 'p-terminal p-component',
+      content: 'p-terminal-content',
+      prompt: 'p-terminal-prompt',
+      command: 'p-terminal-command',
+      response: 'p-terminal-response',
+      container: 'p-terminal-prompt-container',
+      commandText: 'p-terminal-input'
+    };
+    var TerminalStyle = BaseStyle__default["default"].extend({
+      name: 'terminal',
+      css: css,
+      classes: classes
+    });
+
+    return TerminalStyle;
+
+})(primevue.base.style);

package/terminal/style/terminalstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.terminal=this.primevue.terminal||{},this.primevue.terminal.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"terminal",css:"\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}})}();

package/terminal/terminal.cjs.js

@@ -2,29 +2,15 @@
 
 var TerminalService = require('primevue/terminalservice');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var TerminalStyle = require('primevue/terminal/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var TerminalService__default = /*#__PURE__*/_interopDefaultLegacy(TerminalService);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var TerminalStyle__default = /*#__PURE__*/_interopDefaultLegacy(TerminalStyle);
 
-var styles = "\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n";
-var classes = {
-  root: 'p-terminal p-component',
-  content: 'p-terminal-content',
-  prompt: 'p-terminal-prompt',
-  command: 'p-terminal-command',
-  response: 'p-terminal-response',
-  container: 'p-terminal-prompt-container',
-  commandText: 'p-terminal-input'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'terminal',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseTerminal',
   "extends": BaseComponent__default["default"],
@@ -38,10 +24,7 @@ var script$1 = {
       "default": null
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: TerminalStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this

package/terminal/terminal.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/terminalservice"),n=require("primevue/basecomponent"),t=require("primevue/usestyle"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),a=r(n),s=t.useStyle("\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n",{name:"terminal",manual:!0}),p={name:"Terminal",extends:{name:"BaseTerminal",extends:a.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};p.render=function(e,n,t,r,m,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return a.onClick&&a.onClick.apply(a,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return a.onKeydown&&a.onKeydown.apply(a,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},module.exports=p;
+"use strict";var e=require("primevue/terminalservice"),t=require("primevue/basecomponent"),n=require("primevue/terminal/style"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},module.exports=m;

package/terminal/terminal.esm.js

@@ -1,23 +1,8 @@
 import TerminalService from 'primevue/terminalservice';
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import TerminalStyle from 'primevue/terminal/style';
 import { openBlock, createElementBlock, mergeProps, normalizeProps, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, withDirectives, vModelText } from 'vue';
 
-var styles = "\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n";
-var classes = {
-  root: 'p-terminal p-component',
-  content: 'p-terminal-content',
-  prompt: 'p-terminal-prompt',
-  command: 'p-terminal-command',
-  response: 'p-terminal-response',
-  container: 'p-terminal-prompt-container',
-  commandText: 'p-terminal-input'
-};
-var _useStyle = useStyle(styles, {
-    name: 'terminal',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseTerminal',
   "extends": BaseComponent,
@@ -31,10 +16,7 @@ var script$1 = {
       "default": null
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: TerminalStyle,
   provide: function provide() {
     return {
       $parentInstance: this

package/terminal/terminal.esm.min.js

@@ -1 +1 @@
-import n from"primevue/terminalservice";import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as o,createElementBlock as m,mergeProps as r,normalizeProps as s,toDisplayString as a,createCommentVNode as p,createElementVNode as i,Fragment as c,renderList as l,withDirectives as d,vModelText as u}from"vue";var f=t("\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n",{name:"terminal",manual:!0}),x={name:"Terminal",extends:{name:"BaseTerminal",extends:e,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"},loadStyle:f.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){n.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){n.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),n.emit("command",this.commandText),this.commandText="")},responseListener:function(n){this.commands[this.commands.length-1].response=n}}};x.render=function(n,e,t,f,x,h){return o(),m("div",r({class:n.cx("root"),onClick:e[2]||(e[2]=function(){return h.onClick&&h.onClick.apply(h,arguments)})},n.ptm("root"),{"data-pc-name":"terminal"}),[n.welcomeMessage?(o(),m("div",s(r({key:0},n.ptm("welcomeMessage"))),a(n.welcomeMessage),17)):p("",!0),i("div",r({class:n.cx("content")},n.ptm("content")),[(o(!0),m(c,null,l(x.commands,(function(e,t){return o(),m("div",r({key:e.text+t.toString()},n.ptm("commands")),[i("span",r({class:n.cx("prompt")},n.ptm("prompt")),a(n.prompt),17),i("span",r({class:n.cx("command")},n.ptm("command")),a(e.text),17),i("div",r({class:n.cx("response"),"aria-live":"polite"},n.ptm("response")),a(e.response),17)],16)})),128))],16),i("div",r({class:n.cx("container")},n.ptm("container")),[i("span",r({class:n.cx("prompt")},n.ptm("prompt")),a(n.prompt),17),d(i("input",r({ref:"input","onUpdate:modelValue":e[0]||(e[0]=function(n){return x.commandText=n}),type:"text",class:n.cx("commandText"),autocomplete:"off",onKeydown:e[1]||(e[1]=function(){return h.onKeydown&&h.onKeydown.apply(h,arguments)})},n.ptm("commandText")),null,16),[[u,x.commandText]])],16)],16)};export{x as default};
+import e from"primevue/terminalservice";import t from"primevue/basecomponent";import n from"primevue/terminal/style";import{openBlock as o,createElementBlock as s,mergeProps as m,normalizeProps as r,toDisplayString as c,createCommentVNode as i,createElementVNode as p,Fragment as a,renderList as l,withDirectives as d,vModelText as u}from"vue";var f={name:"Terminal",extends:{name:"BaseTerminal",extends:t,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:n,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){e.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){e.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(t){"Enter"===t.code&&this.commandText&&(this.commands.push({text:this.commandText}),e.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};f.render=function(e,t,n,f,x,h){return o(),s("div",m({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return h.onClick&&h.onClick.apply(h,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o(),s("div",r(m({key:0},e.ptm("welcomeMessage"))),c(e.welcomeMessage),17)):i("",!0),p("div",m({class:e.cx("content")},e.ptm("content")),[(o(!0),s(a,null,l(x.commands,(function(t,n){return o(),s("div",m({key:t.text+n.toString()},e.ptm("commands")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),p("span",m({class:e.cx("command")},e.ptm("command")),c(t.text),17),p("div",m({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),c(t.response),17)],16)})),128))],16),p("div",m({class:e.cx("container")},e.ptm("container")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),d(p("input",m({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return x.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return h.onKeydown&&h.onKeydown.apply(h,arguments)})},e.ptm("commandText")),null,16),[[u,x.commandText]])],16)],16)};export{f as default};

package/terminal/terminal.js

@@ -1,27 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.terminal = (function (TerminalService, BaseComponent, usestyle, vue) {
+this.primevue.terminal = (function (TerminalService, BaseComponent, TerminalStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var TerminalService__default = /*#__PURE__*/_interopDefaultLegacy(TerminalService);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var TerminalStyle__default = /*#__PURE__*/_interopDefaultLegacy(TerminalStyle);
 
-    var styles = "\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n";
-    var classes = {
-      root: 'p-terminal p-component',
-      content: 'p-terminal-content',
-      prompt: 'p-terminal-prompt',
-      command: 'p-terminal-command',
-      response: 'p-terminal-response',
-      container: 'p-terminal-prompt-container',
-      commandText: 'p-terminal-input'
-    };
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'terminal',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
     var script$1 = {
       name: 'BaseTerminal',
       "extends": BaseComponent__default["default"],
@@ -35,10 +21,7 @@ this.primevue.terminal = (function (TerminalService, BaseComponent, usestyle, vu
           "default": null
         }
       },
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      },
+      style: TerminalStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -129,4 +112,4 @@ this.primevue.terminal = (function (TerminalService, BaseComponent, usestyle, vu
 
     return script;
 
-})(primevue.terminalservice, primevue.basecomponent, primevue.usestyle, Vue);
+})(primevue.terminalservice, primevue.basecomponent, primevue.terminal.style, Vue);

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.terminal=function(e,n,t,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),s=r(n),a=t.useStyle("\n.p-terminal {\n    height: 18rem;\n    overflow: auto;\n}\n\n.p-terminal-prompt-container {\n    display: flex;\n    align-items: center;\n}\n\n.p-terminal-input {\n    flex: 1 1 auto;\n    border: 0 none;\n    background-color: transparent;\n    color: inherit;\n    padding: 0;\n    outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n    display: none;\n}\n",{name:"terminal",manual:!0}),i={name:"Terminal",extends:{name:"BaseTerminal",extends:s.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return i.render=function(e,n,t,r,m,s){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return s.onClick&&s.onClick.apply(s,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return s.onKeydown&&s.onKeydown.apply(s,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},i}(primevue.terminalservice,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.terminal=function(e,t,n,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},m}(primevue.terminalservice,primevue.basecomponent,primevue.terminal.style,Vue);

package/terminalservice/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "./terminalservice.cjs.js",
-  "module": "./terminalservice.esm.js",
-  "unpkg": "./terminalservice.min.js",
-  "types": "./TerminalService.d.ts"
-}
+    "main": "./terminalservice.cjs.js",
+    "module": "./terminalservice.esm.js",
+    "unpkg": "./terminalservice.min.js",
+    "types": "./TerminalService.d.ts"
+}

package/textarea/BaseTextarea.vue

@@ -1,29 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-.p-inputtextarea-resizable {
-    overflow: hidden;
-    resize: none;
-}
-
-.p-fluid .p-inputtextarea {
-    width: 100%;
-}
-`;
-
-const classes = {
-    root: ({ instance, props }) => [
-        'p-inputtextarea p-inputtext p-component',
-        {
-            'p-filled': instance.filled,
-            'p-inputtextarea-resizable ': props.autoResize
-        }
-    ]
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'textarea', manual: true });
+import TextareaStyle from 'primevue/textarea/style';
 
 export default {
     name: 'BaseTextarea',
@@ -32,10 +9,7 @@ export default {
         modelValue: null,
         autoResize: Boolean
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: TextareaStyle,
     provide() {
         return {
             $parentInstance: this

package/textarea/Textarea.vue

@@ -21,10 +21,8 @@ export default {
     },
     methods: {
         resize() {
-            const style = window.getComputedStyle(this.$el);
-
             this.$el.style.height = 'auto';
-            this.$el.style.height = `calc(${style.borderTopWidth} + ${style.borderBottomWidth} + ${this.$el.scrollHeight}px)`;
+            this.$el.style.height = this.$el.scrollHeight + 'px';
 
             if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
                 this.$el.style.overflowY = 'scroll';

package/textarea/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./textarea.cjs.js",
-  "module": "./textarea.esm.js",
-  "unpkg": "./textarea.min.js",
-  "types": "./Textarea.d.ts",
-  "browser": {
-    "./sfc": "./Textarea.vue"
-  }
-}
+    "main": "./textarea.cjs.js",
+    "module": "./textarea.esm.js",
+    "unpkg": "./textarea.min.js",
+    "types": "./Textarea.d.ts",
+    "browser": {
+        "./sfc": "./Textarea.vue"
+    }
+}

package/textarea/style/TextareaStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface TextareaStyle extends BaseStyle {}

package/textarea/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./textareastyle.cjs.js",
+    "module": "./textareastyle.esm.js",
+    "unpkg": "./textareastyle.min.js",
+    "types": "./TextareaStyle.d.ts"
+}

package/textarea/style/textareastyle.cjs.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-inputtextarea p-inputtext p-component', {
+      'p-filled': instance.filled,
+      'p-inputtextarea-resizable ': props.autoResize
+    }];
+  }
+};
+var TextareaStyle = BaseStyle__default["default"].extend({
+  name: 'textarea',
+  css: css,
+  classes: classes
+});
+
+module.exports = TextareaStyle;

package/textarea/style/textareastyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}});module.exports=t;

package/textarea/style/textareastyle.esm.js

@@ -0,0 +1,20 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-inputtextarea p-inputtext p-component', {
+      'p-filled': instance.filled,
+      'p-inputtextarea-resizable ': props.autoResize
+    }];
+  }
+};
+var TextareaStyle = BaseStyle.extend({
+  name: 'textarea',
+  css: css,
+  classes: classes
+});
+
+export { TextareaStyle as default };

package/textarea/style/textareastyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var t=e.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}});export{t as default};

package/textarea/style/textareastyle.js

@@ -0,0 +1,29 @@
+this.primevue = this.primevue || {};
+this.primevue.textarea = this.primevue.textarea || {};
+this.primevue.textarea.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var instance = _ref.instance,
+          props = _ref.props;
+        return ['p-inputtextarea p-inputtext p-component', {
+          'p-filled': instance.filled,
+          'p-inputtextarea-resizable ': props.autoResize
+        }];
+      }
+    };
+    var TextareaStyle = BaseStyle__default["default"].extend({
+      name: 'textarea',
+      css: css,
+      classes: classes
+    });
+
+    return TextareaStyle;
+
+})(primevue.base.style);

package/textarea/style/textareastyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.textarea=this.primevue.textarea||{},this.primevue.textarea.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}})}();

package/textarea/textarea.cjs.js

@@ -1,29 +1,14 @@
 'use strict';
 
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var TextareaStyle = require('primevue/textarea/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var TextareaStyle__default = /*#__PURE__*/_interopDefaultLegacy(TextareaStyle);
 
-var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
-var classes = {
-  root: function root(_ref) {
-    var instance = _ref.instance,
-      props = _ref.props;
-    return ['p-inputtextarea p-inputtext p-component', {
-      'p-filled': instance.filled,
-      'p-inputtextarea-resizable ': props.autoResize
-    }];
-  }
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'textarea',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseTextarea',
   "extends": BaseComponent__default["default"],
@@ -31,10 +16,7 @@ var script$1 = {
     modelValue: null,
     autoResize: Boolean
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: TextareaStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -58,9 +40,8 @@ var script = {
   },
   methods: {
     resize: function resize() {
-      var style = window.getComputedStyle(this.$el);
       this.$el.style.height = 'auto';
-      this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+      this.$el.style.height = this.$el.scrollHeight + 'px';
       if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
         this.$el.style.overflowY = 'scroll';
         this.$el.style.height = this.$el.style.maxHeight;

package/textarea/textarea.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:i.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},o=["value"];s.render=function(e,t,a,i,l,s){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return s.onInput&&s.onInput.apply(s,arguments)})},e.ptm("root",s.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},module.exports=s;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/textarea/style"),s=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Textarea",extends:{name:"BaseTextarea",extends:l(e).default,props:{modelValue:null,autoResize:Boolean},style:l(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){this.$el.style.height="auto",this.$el.style.height=this.$el.scrollHeight+"px",parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},i=["value"];a.render=function(e,t,l,a,n,o){return s.openBlock(),s.createElementBlock("textarea",s.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return o.onInput&&o.onInput.apply(o,arguments)})},e.ptm("root",o.ptmParams),{"data-pc-name":"textarea"}),null,16,i)},module.exports=a;

package/textarea/textarea.esm.js

@@ -1,23 +1,7 @@
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import TextareaStyle from 'primevue/textarea/style';
 import { openBlock, createElementBlock, mergeProps } from 'vue';
 
-var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
-var classes = {
-  root: function root(_ref) {
-    var instance = _ref.instance,
-      props = _ref.props;
-    return ['p-inputtextarea p-inputtext p-component', {
-      'p-filled': instance.filled,
-      'p-inputtextarea-resizable ': props.autoResize
-    }];
-  }
-};
-var _useStyle = useStyle(styles, {
-    name: 'textarea',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseTextarea',
   "extends": BaseComponent,
@@ -25,10 +9,7 @@ var script$1 = {
     modelValue: null,
     autoResize: Boolean
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: TextareaStyle,
   provide: function provide() {
     return {
       $parentInstance: this
@@ -52,9 +33,8 @@ var script = {
   },
   methods: {
     resize: function resize() {
-      var style = window.getComputedStyle(this.$el);
       this.$el.style.height = 'auto';
-      this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+      this.$el.style.height = this.$el.scrollHeight + 'px';
       if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
         this.$el.style.overflowY = 'scroll';
         this.$el.style.height = this.$el.style.maxHeight;

package/textarea/textarea.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as a,createElementBlock as n,mergeProps as i}from"vue";var o=t("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},l=["value"];s.render=function(e,t,o,s,r,u){return a(),n("textarea",i({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root",u.ptmParams),{"data-pc-name":"textarea"}),null,16,l)};export{s as default};
+import e from"primevue/basecomponent";import t from"primevue/textarea/style";import{openBlock as s,createElementBlock as i,mergeProps as a}from"vue";var l={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},style:t,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){this.$el.style.height="auto",this.$el.style.height=this.$el.scrollHeight+"px",parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},o=["value"];l.render=function(e,t,l,n,r,u){return s(),i("textarea",a({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root",u.ptmParams),{"data-pc-name":"textarea"}),null,16,o)};export{l as default};

package/textarea/textarea.js

@@ -1,27 +1,12 @@
 this.primevue = this.primevue || {};
-this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
+this.primevue.textarea = (function (BaseComponent, TextareaStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var TextareaStyle__default = /*#__PURE__*/_interopDefaultLegacy(TextareaStyle);
 
-    var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
-    var classes = {
-      root: function root(_ref) {
-        var instance = _ref.instance,
-          props = _ref.props;
-        return ['p-inputtextarea p-inputtext p-component', {
-          'p-filled': instance.filled,
-          'p-inputtextarea-resizable ': props.autoResize
-        }];
-      }
-    };
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'textarea',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
     var script$1 = {
       name: 'BaseTextarea',
       "extends": BaseComponent__default["default"],
@@ -29,10 +14,7 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
         modelValue: null,
         autoResize: Boolean
       },
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      },
+      style: TextareaStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -56,9 +38,8 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
       },
       methods: {
         resize: function resize() {
-          var style = window.getComputedStyle(this.$el);
           this.$el.style.height = 'auto';
-          this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+          this.$el.style.height = this.$el.scrollHeight + 'px';
           if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
             this.$el.style.overflowY = 'scroll';
             this.$el.style.height = this.$el.style.maxHeight;
@@ -104,4 +85,4 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
 
     return script;
 
-})(primevue.basecomponent, primevue.usestyle, Vue);
+})(primevue.basecomponent, primevue.textarea.style, Vue);