primevue 4.0.0 → 4.0.2

package/inputnumber/style/index.mjs

@@ -14,7 +14,7 @@ var classes = {
       'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',
       'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',
       'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',
-      'p-inputnumber-fluid': instance.fluid
+      'p-inputnumber-fluid': instance.hasFluid
     }];
   },
   pcInput: 'p-inputnumber-input',

package/inputnumber/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ${dt('inputnumber.button.background')};\n    color: ${dt('inputnumber.button.color')};\n    width: ${dt('inputnumber.button.width')};\n    transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n    background: ${dt('inputnumber.button.hover.background')};\n    color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n    background: ${dt('inputnumber.button.active.background')};\n    color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    height: calc(100% - 2px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-right: 0 none;\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n    padding: ${dt('inputnumber.button.vertical.padding')}; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-top: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputnumber p-component p-inputwrapper',\n        {\n            'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,\n            'p-inputwrapper-focus': instance.focused,\n            'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n            'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n            'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n            'p-inputnumber-fluid': instance.fluid\n        }\n    ],\n    pcInput: 'p-inputnumber-input',\n    buttonGroup: 'p-inputnumber-button-group',\n    incrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-increment-button',\n        {\n            'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()\n        }\n    ],\n    decrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-decrement-button',\n        {\n            'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputnumber',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","allowEmpty","focused","showButtons","buttonLayout","fluid","pcInput","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ${dt('inputnumber.button.background')};\n    color: ${dt('inputnumber.button.color')};\n    width: ${dt('inputnumber.button.width')};\n    transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n    background: ${dt('inputnumber.button.hover.background')};\n    color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n    background: ${dt('inputnumber.button.active.background')};\n    color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    height: calc(100% - 2px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-right: 0 none;\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n    padding: ${dt('inputnumber.button.vertical.padding')}; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-top: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputnumber p-component p-inputwrapper',\n        {\n            'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,\n            'p-inputwrapper-focus': instance.focused,\n            'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n            'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n            'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n            'p-inputnumber-fluid': instance.hasFluid\n        }\n    ],\n    pcInput: 'p-inputnumber-input',\n    buttonGroup: 'p-inputnumber-button-group',\n    incrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-increment-button',\n        {\n            'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()\n        }\n    ],\n    decrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-decrement-button',\n        {\n            'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputnumber',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","allowEmpty","focused","showButtons","buttonLayout","hasFluid","pcInput","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":"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"}

package/inputtext/BaseInputText.vue

@@ -21,7 +21,7 @@ export default {
         },
         fluid: {
             type: Boolean,
-            default: false
+            default: null
         }
     },
     style: InputTextStyle,

package/inputtext/InputText.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script>
+import { isEmpty } from '@primeuix/utils/object';
 import BaseInputText from './BaseInputText.vue';
 
 export default {
@@ -10,6 +11,9 @@ export default {
     extends: BaseInputText,
     inheritAttrs: false,
     emits: ['update:modelValue'],
+    inject: {
+        $pcFluid: { default: null }
+    },
     methods: {
         getPTOptions(key) {
             const _ptm = key === 'root' ? this.ptmi : this.ptm;
@@ -28,6 +32,9 @@ export default {
     computed: {
         filled() {
             return this.modelValue != null && this.modelValue.toString().length > 0;
+        },
+        hasFluid() {
+            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
         }
     }
 };

package/inputtext/index.d.ts

@@ -103,9 +103,9 @@ export interface InputTextProps extends InputHTMLAttributes {
     variant?: 'outlined' | 'filled' | undefined;
     /**
      * Spans 100% width of the container when enabled.
-     * @defaultValue false
+     * @defaultValue null
      */
-    fluid?: boolean;
+    fluid?: boolean | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */

package/inputtext/index.mjs

@@ -1,3 +1,4 @@
+import { isEmpty } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
 import InputTextStyle from 'primevue/inputtext/style';
 import { openBlock, createElementBlock, mergeProps } from 'vue';
@@ -21,7 +22,7 @@ var script$1 = {
     },
     fluid: {
       type: Boolean,
-      "default": false
+      "default": null
     }
   },
   style: InputTextStyle,
@@ -38,6 +39,11 @@ var script = {
   "extends": script$1,
   inheritAttrs: false,
   emits: ['update:modelValue'],
+  inject: {
+    $pcFluid: {
+      "default": null
+    }
+  },
   methods: {
     getPTOptions: function getPTOptions(key) {
       var _ptm = key === 'root' ? this.ptmi : this.ptm;
@@ -55,6 +61,9 @@ var script = {
   computed: {
     filled: function filled() {
       return this.modelValue != null && this.modelValue.toString().length > 0;
+    },
+    hasFluid: function hasFluid() {
+      return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
     }
   }
 };

package/inputtext/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/inputtext/BaseInputText.vue","../../src/inputtext/InputText.vue","../../src/inputtext/InputText.vue?vue&type=template&id=628867e6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputTextStyle from 'primevue/inputtext/style';\n\nexport default {\n    name: 'BaseInputText',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        size: {\n            type: String,\n            default: null\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: InputTextStyle,\n    provide() {\n        return {\n            $pcInputText: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"getPTOptions('root')\" />\n</template>\n\n<script>\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    filled: this.filled,\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            });\n        },\n        onInput(event) {\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        }\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"getPTOptions('root')\" />\n</template>\n\n<script>\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    filled: this.filled,\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            });\n        },\n        onInput(event) {\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","size","type","String","invalid","Boolean","variant","fluid","style","InputTextStyle","provide","$pcInputText","$parentInstance","BaseInputText","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","filled","disabled","$attrs","onInput","event","$emit","target","value","computed","toString","length","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","undefined","$options","apply","arguments","_hoisted_1"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,IAAI,EAAE;AACFC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLF,MAAAA,IAAI,EAAEG,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDI,IAAAA,KAAK,EAAE;AACHL,MAAAA,IAAI,EAAEG,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDG,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AC1BD,aAAe;AACXf,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASgB,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,mBAAmB,CAAC;AAC5BC,EAAAA,OAAO,EAAE;IACLC,YAAY,EAAA,SAAAA,YAACC,CAAAA,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACC,GAAG,CAAA;MAElD,OAAOF,IAAI,CAACD,GAAG,EAAE;AACbI,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACA,MAAM;AACnBC,UAAAA,QAAQ,EAAE,IAAI,CAACC,MAAM,CAACD,QAAS,IAAG,IAAI,CAACC,MAAM,CAACD,QAAS,KAAI,EAAA;AAC/D,SAAA;AACJ,OAAC,CAAC,CAAA;KACL;IACDE,OAAO,EAAA,SAAAA,OAACC,CAAAA,KAAK,EAAE;MACX,IAAI,CAACC,KAAK,CAAC,mBAAmB,EAAED,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAA;AACvD,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNR,MAAM,EAAA,SAAAA,SAAG;AACL,MAAA,OAAO,IAAI,CAACvB,UAAS,IAAK,IAAG,IAAK,IAAI,CAACA,UAAU,CAACgC,QAAQ,EAAE,CAACC,MAAK,GAAI,CAAC,CAAA;AAC3E,KAAA;AACJ,GAAA;AACJ,CAAC;;;;EC/BG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAgJ,SAAhJC,UAAgJ,CAAA;AAAzIlC,IAAAA,IAAI,EAAC,MAAO;AAAC,IAAA,OAAA,EAAOmC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAWR,KAAK,EAAEO,IAAU,CAAArC,UAAA;AAAG,IAAA,cAAY,EAAEqC,IAAM,CAAAjC,OAAA,IAAKmC,SAAS;IAAGb,OAAK;aAAEc,QAAO,CAAAd,OAAA,IAAAc,QAAA,CAAAd,OAAA,CAAAe,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA,CAAA;KAAA,CAAA;KAAUF,QAAY,CAAAvB,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA0B,UAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/inputtext/BaseInputText.vue","../../src/inputtext/InputText.vue","../../src/inputtext/InputText.vue?vue&type=template&id=2d0bc505&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputTextStyle from 'primevue/inputtext/style';\n\nexport default {\n    name: 'BaseInputText',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        size: {\n            type: String,\n            default: null\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: InputTextStyle,\n    provide() {\n        return {\n            $pcInputText: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"getPTOptions('root')\" />\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    filled: this.filled,\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            });\n        },\n        onInput(event) {\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"modelValue\" :aria-invalid=\"invalid || undefined\" @input=\"onInput\" v-bind=\"getPTOptions('root')\" />\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    emits: ['update:modelValue'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    filled: this.filled,\n                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''\n                }\n            });\n        },\n        onInput(event) {\n            this.$emit('update:modelValue', event.target.value);\n        }\n    },\n    computed: {\n        filled() {\n            return this.modelValue != null && this.modelValue.toString().length > 0;\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","size","type","String","invalid","Boolean","variant","fluid","style","InputTextStyle","provide","$pcInputText","$parentInstance","BaseInputText","inheritAttrs","emits","inject","$pcFluid","methods","getPTOptions","key","_ptm","ptmi","ptm","context","filled","disabled","$attrs","onInput","event","$emit","target","value","computed","toString","length","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","undefined","$options","apply","arguments","_hoisted_1"],"mappings":"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"}

package/inputtext/style/index.mjs

@@ -14,7 +14,7 @@ var classes = {
       'p-inputtext-lg': props.size === 'large',
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',
-      'p-inputtext-fluid': props.fluid
+      'p-inputtext-fluid': instance.hasFluid
     }];
   }
 };

package/inputtext/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/inputtext/style/InputTextStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputtext {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('inputtext.color')};\n    background: ${dt('inputtext.background')};\n    padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};\n    border: 1px solid ${dt('inputtext.border.color')};\n    transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(\n    'inputtext.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('inputtext.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('inputtext.shadow')};\n}\n\n.p-inputtext:enabled:hover {\n    border-color: ${dt('inputtext.hover.border.color')};\n}\n\n.p-inputtext:enabled:focus {\n    border-color: ${dt('inputtext.focus.border.color')};\n    box-shadow: ${dt('inputtext.focus.ring.shadow')};\n    outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};\n    outline-offset: ${dt('inputtext.focus.ring.offset')};\n}\n\n.p-inputtext.p-invalid {\n    border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext.p-variant-filled {\n    background: ${dt('inputtext.filled.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n    background: ${dt('inputtext.filled.focus.background')};\n}\n\n.p-inputtext:disabled {\n    opacity: 1;\n    background: ${dt('inputtext.disabled.background')};\n    color: ${dt('inputtext.disabled.color')};\n}\n\n.p-inputtext::placeholder {\n    color: ${dt('inputtext.placeholder.color')};\n}\n\n.p-inputtext-sm {\n    font-size: ${dt('inputtext.sm.font.size')};\n    padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')};\n}\n\n.p-inputtext-lg {\n    font-size: ${dt('inputtext.lg.font.size')};\n    padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')};\n}\n\n.p-inputtext-fluid {\n    width: 100%;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputtext p-component',\n        {\n            'p-filled': instance.filled,\n            'p-inputtext-sm': props.size === 'small',\n            'p-inputtext-lg': props.size === 'large',\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-inputtext-fluid': props.fluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputtext',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","size","invalid","variant","$primevue","config","inputStyle","inputVariant","fluid","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/inputtext/style/InputTextStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputtext {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${dt('inputtext.color')};\n    background: ${dt('inputtext.background')};\n    padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};\n    border: 1px solid ${dt('inputtext.border.color')};\n    transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(\n    'inputtext.transition.duration'\n)};\n    appearance: none;\n    border-radius: ${dt('inputtext.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('inputtext.shadow')};\n}\n\n.p-inputtext:enabled:hover {\n    border-color: ${dt('inputtext.hover.border.color')};\n}\n\n.p-inputtext:enabled:focus {\n    border-color: ${dt('inputtext.focus.border.color')};\n    box-shadow: ${dt('inputtext.focus.ring.shadow')};\n    outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};\n    outline-offset: ${dt('inputtext.focus.ring.offset')};\n}\n\n.p-inputtext.p-invalid {\n    border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext.p-variant-filled {\n    background: ${dt('inputtext.filled.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n    background: ${dt('inputtext.filled.focus.background')};\n}\n\n.p-inputtext:disabled {\n    opacity: 1;\n    background: ${dt('inputtext.disabled.background')};\n    color: ${dt('inputtext.disabled.color')};\n}\n\n.p-inputtext::placeholder {\n    color: ${dt('inputtext.placeholder.color')};\n}\n\n.p-inputtext-sm {\n    font-size: ${dt('inputtext.sm.font.size')};\n    padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')};\n}\n\n.p-inputtext-lg {\n    font-size: ${dt('inputtext.lg.font.size')};\n    padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')};\n}\n\n.p-inputtext-fluid {\n    width: 100%;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputtext p-component',\n        {\n            'p-filled': instance.filled,\n            'p-inputtext-sm': props.size === 'small',\n            'p-inputtext-lg': props.size === 'large',\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-inputtext-fluid': instance.hasFluid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputtext',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","size","invalid","variant","$primevue","config","inputStyle","inputVariant","hasFluid","BaseStyle","extend","name"],"mappings":"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"}

package/listbox/Listbox.vue

@@ -15,7 +15,7 @@
             <slot name="header" :value="modelValue" :options="visibleOptions"></slot>
         </div>
         <div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
-            <IconField :unstyled="unstyled" v-bind="ptm('pcFilterContainer')">
+            <IconField :unstyled="unstyled" :pt="ptm('pcFilterContainer')">
                 <InputText
                     v-model="filterValue"
                     type="text"
@@ -132,10 +132,10 @@
 </template>
 
 <script>
+import { findSingle, focus, getFirstFocusableElement, isElement } from '@primeuix/utils/dom';
+import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
 import { FilterService } from '@primevue/core/api';
 import { UniqueComponentId } from '@primevue/core/utils';
-import { focus, isElement, getFirstFocusableElement, findSingle } from '@primeuix/utils/dom';
-import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
 import BlankIcon from '@primevue/icons/blank';
 import CheckIcon from '@primevue/icons/check';
 import SearchIcon from '@primevue/icons/search';

package/listbox/index.mjs

@@ -1,7 +1,7 @@
-import { FilterService } from '@primevue/core/api';
-import { UniqueComponentId } from '@primevue/core/utils';
 import { focus, getFirstFocusableElement, isElement, findSingle } from '@primeuix/utils/dom';
 import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
+import { FilterService } from '@primevue/core/api';
+import { UniqueComponentId } from '@primevue/core/utils';
 import BlankIcon from '@primevue/icons/blank';
 import CheckIcon from '@primevue/icons/check';
 import SearchIcon from '@primevue/icons/search';
@@ -829,9 +829,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 2)) : createCommentVNode("", true), _ctx.filter ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
     "class": _ctx.cx('header')
-  }, _ctx.ptm('header')), [createVNode(_component_IconField, mergeProps({
-    unstyled: _ctx.unstyled
-  }, _ctx.ptm('pcFilterContainer')), {
+  }, _ctx.ptm('header')), [createVNode(_component_IconField, {
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('pcFilterContainer')
+  }, {
     "default": withCtx(function () {
       return [createVNode(_component_InputText, {
         modelValue: $data.filterValue,
@@ -869,7 +870,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 16, ["unstyled"])];
     }),
     _: 3
-  }, 16, ["unstyled"]), createElementVNode("span", mergeProps({
+  }, 8, ["unstyled", "pt"]), createElementVNode("span", mergeProps({
     role: "status",
     "aria-live": "polite",
     "class": "p-hidden-accessible"