@sfxcode/formkit-primevue 2.3.7 → 2.3.9

package/dist/composables/useInputEditorSchema.mjs

@@ -1,27 +1,10 @@
 import { useFormKitSchema } from "./useFormKitSchema.mjs";
 import { useInputEditor } from "./useInputEditor.mjs";
+import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
 export function useInputEditorSchema() {
-  const { addElement, addList, addListGroup, addComponent } = useFormKitSchema();
+  const { addList, addListGroup } = useFormKitSchema();
+  const { addInsertButton, addGroupButtons } = useFormKitRepeater();
   const { primeInputNames, primeOutputNames } = useInputEditor();
-  function addFlexElement(children) {
-    return addElement("div", children, { style: "max-width: 40rem;display: flex;gap: 1rem;" });
-  }
-  function addGridElement(children) {
-    return addElement("div", children, { style: "display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 1rem;" });
-  }
-  function addGroupButtons() {
-    const addButtonComponent = (onClick = "", label = "", icon = "", severity = "", render = "true", styleClass = "p-button-sm", style = "margin-left: 0.5rem;") => {
-      return addComponent("Button", { onClick, label, icon, class: styleClass, style, severity }, render);
-    };
-    return addElement("div", [
-      addButtonComponent("$removeNode($node, $index)", "", "pi pi-times", "danger"),
-      addButtonComponent("$copyNode($node, $index)", "", "pi pi-plus"),
-      addButtonComponent("$moveNodeUp($node, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"),
-      addElement("span", [], { style: "margin-left: 0.5rem;margin-right: 2.5rem;" }, "$index == 0"),
-      addButtonComponent("$moveNodeDown($node, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.value.length -1"),
-      addElement("span", [], { style: "margin-left: 0.5rem;margin-right: 2.5rem;" }, "$index == $node.value.length -1")
-    ], { style: "padding-top: 1.5rem;" });
-  }
   function primeInputOptions(list) {
     return list.map((name) => {
       return { label: name, value: `prime${name}` };
@@ -30,6 +13,7 @@ export function useInputEditorSchema() {
   const selectOptions = [
     { label: "Base", value: "showBasic" },
     { label: "Display", value: "showDisplay" },
+    { label: "Style", value: "showStyle" },
     { label: "Validation", value: "showValidation" },
     { label: "Options", value: "showOptions" },
     { label: "Prime", value: "showPrime" }
@@ -40,32 +24,46 @@ export function useInputEditorSchema() {
     { label: "Dirty", value: "dirty" },
     { label: "Submit", value: "submit" }
   ];
+  const colOptions = [
+    { label: "Col-1", value: "col-1" },
+    { label: "Col-2", value: "col-2" },
+    { label: "Col-3", value: "col-3" },
+    { label: "Col-4", value: "col-4" },
+    { label: "Col-5", value: "col-5" },
+    { label: "Col-6", value: "col-6" },
+    { label: "Col-7", value: "col-7" },
+    { label: "Col-8", value: "col-8" },
+    { label: "Col-9", value: "col-9" },
+    { label: "Col-10", value: "col-10" },
+    { label: "Col-11", value: "col-11" },
+    { label: "Col-12", value: "col-12" }
+  ];
   function editorSchema(inputOptions = primeInputOptions([...primeInputNames, ...primeOutputNames])) {
     return [
-      addGridElement([
-        {
-          $formkit: "primeSelect",
-          id: "inputSelection",
-          name: "_dollar_formkit",
-          label: "Prime Input",
-          value: "primeInputText",
-          optionLabel: "label",
-          optionValue: "value",
-          options: inputOptions,
-          filter: true,
-          key: "schema_inputSelection",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          name: "name",
-          label: "Field Name",
-          validation: "required",
-          validationVisibility: "live",
-          key: "schema_name",
-          preserve: true
-        }
-      ]),
+      {
+        $formkit: "primeSelect",
+        id: "inputSelection",
+        name: "_dollar_formkit",
+        label: "Prime Input",
+        value: "primeInputText",
+        optionLabel: "label",
+        optionValue: "value",
+        options: inputOptions,
+        filter: true,
+        key: "schema_inputSelection",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        name: "name",
+        label: "Field Name",
+        validation: "required",
+        validationVisibility: "live",
+        key: "schema_name",
+        outerClass: "col-6",
+        preserve: true
+      },
       {
         $formkit: "primeSelectButton",
         id: "selectButton",
@@ -94,65 +92,173 @@ export function useInputEditorSchema() {
         key: "schema_help",
         preserve: true
       },
-      addGridElement([
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "value",
-          label: "Input Value",
-          key: "schema_value",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "format",
-          label: "Value Format",
-          key: "schema_format",
-          preserve: true
-        }
-      ]),
-      addGridElement([
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "id",
-          label: "Input ID",
-          key: "schema_id",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "key",
-          label: "Input Key",
-          key: "schema_key",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "tabindex",
-          label: "Tab Index",
-          key: "schema_tabindex",
-          preserve: true
-        },
-        {
-          $formkit: "primeCheckbox",
-          if: "$get(selectButton).value === 'showBasic'",
-          name: "preserve",
-          label: "Input Preserve",
-          key: "schema_preserve",
-          value: false,
-          preserve: true
-        }
-      ]),
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "value",
+        label: "Input Value",
+        key: "schema_value",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "format",
+        label: "Value Format",
+        key: "schema_format",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "id",
+        label: "Input ID",
+        key: "schema_id",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "key",
+        label: "Input Key",
+        key: "schema_key",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "tabindex",
+        label: "Tab Index",
+        key: "schema_tabindex",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeCheckbox",
+        if: "$get(selectButton).value === 'showBasic'",
+        name: "preserve",
+        label: "Preserve",
+        key: "schema_preserve",
+        value: false,
+        suffix: "Input Preserve",
+        outerClass: "col-3",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "class",
+        label: "Input StyleClass",
+        key: "schema_class",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "style",
+        label: "Input Style",
+        key: "schema_style",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "if",
+        label: "Should Render (if-Expression)",
+        key: "schema_if",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "prefixIcon",
+        label: "Prefix Icon",
+        key: "schema_prefix_icon",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "prefix",
+        label: "Prefix",
+        key: "schema_prefix",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "suffix",
+        label: "Suffix",
+        key: "schema_suffix",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "suffixIcon",
+        label: "Suffix Icon",
+        key: "schema_suffix_icon",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeCheckbox",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "disabled",
+        label: "Input Disabled",
+        key: "schema_disabled",
+        value: false,
+        outerClass: "col-3",
+        preserve: true
+      },
+      {
+        $formkit: "primeCheckbox",
+        if: "$get(selectButton).value === 'showDisplay'",
+        name: "readonly",
+        label: "Input Read Only",
+        key: "schema_readonly",
+        value: false,
+        outerClass: "col-3",
+        preserve: true
+      },
+      {
+        $formkit: "primeInputText",
+        if: "$get(selectButton).value === 'showStyle'",
+        name: "outerClass",
+        label: "Outer Class",
+        key: "schema_outerClass",
+        outerClass: "col-6",
+        preserve: true
+      },
+      {
+        $formkit: "primeSelect",
+        if: "$get(selectButton).value === 'showStyle'",
+        name: "outerClassGrid",
+        value: "col-12",
+        label: "Grid Options",
+        optionLabel: "label",
+        optionValue: "value",
+        options: colOptions,
+        key: "schema_outer-class-grid",
+        outerClass: "col-6",
+        preserve: true
+      },
       {
         $formkit: "primeInputText",
         if: "$get(selectButton).value === 'showValidation'",
         name: "validation",
         label: "Field Validation",
         key: "schema_validation",
+        outerClass: "col-6",
         preserve: true
       },
       {
@@ -165,6 +271,7 @@ export function useInputEditorSchema() {
         optionValue: "value",
         options: validationOptions,
         key: "schema_validation-visibility",
+        outerClass: "col-6",
         preserve: true
       },
       {
@@ -175,125 +282,43 @@ export function useInputEditorSchema() {
         key: "schema_validation-label",
         preserve: true
       },
-      addGridElement([
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "class",
-          label: "Input StyleClass",
-          key: "schema_class",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "style",
-          label: "Input Style",
-          key: "schema_style",
-          preserve: true
-        }
-      ]),
-      {
-        $formkit: "primeInputText",
-        if: "$get(selectButton).value === 'showDisplay'",
-        name: "if",
-        label: "Should Render (if-Expression)",
-        key: "schema_if",
-        preserve: true
-      },
-      addGridElement([
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "prefixIcon",
-          label: "Prefix Icon",
-          key: "schema_prefix_icon",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "prefix",
-          label: "Prefix",
-          key: "schema_prefix",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "suffix",
-          label: "Suffix",
-          key: "schema_suffix",
-          preserve: true
-        },
-        {
-          $formkit: "primeInputText",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "suffixIcon",
-          label: "Suffix Icon",
-          key: "schema_suffix_icon",
-          preserve: true
-        },
-        {
-          $formkit: "primeCheckbox",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "disabled",
-          label: "Input Disabled",
-          key: "schema_disabled",
-          value: false,
-          preserve: true
-        },
-        {
-          $formkit: "primeCheckbox",
-          if: "$get(selectButton).value === 'showDisplay'",
-          name: "readonly",
-          label: "Input Read Only",
-          key: "schema_readonly",
-          value: false,
-          preserve: true
-        }
-      ]),
       addList("options", [
-        addFlexElement([
-          addComponent("Button", { onClick: "$addNode($node)", label: "Add Option", class: "p-button-sm", style: "margin-bottom: 2rem;", icon: "pi pi-plus" }, "$node.value.length == 0")
-        ]),
+        addInsertButton("Add Option"),
         addListGroup(
           [
-            addFlexElement([
-              {
-                $formkit: "primeInputText",
-                label: "Label",
-                name: "label"
-              },
-              {
-                $formkit: "primeInputText",
-                label: "Value",
-                name: "value"
-              },
-              addGroupButtons()
-            ])
+            {
+              $formkit: "primeInputText",
+              label: "Label",
+              name: "label",
+              outerClass: "col-4"
+            },
+            {
+              $formkit: "primeInputText",
+              label: "Value",
+              name: "value",
+              outerClass: "col-4"
+            },
+            addGroupButtons()
           ]
         )
       ], true, "$get(selectButton).value === 'showOptions'", { key: "schema_options", preserve: true }),
       addList("prime", [
-        addFlexElement([
-          addComponent("Button", { onClick: "$addNode($node)", label: "Add PrimeVue Attribute", class: "p-button-sm", style: "margin-bottom: 2rem;", icon: "pi pi-plus" }, "$node.value.length == 0")
-        ]),
+        addInsertButton("Add PrimeVue Attribute"),
         addListGroup(
           [
-            addFlexElement([
-              {
-                $formkit: "primeInputText",
-                label: "PrimeVue Property",
-                name: "prime_key"
-              },
-              {
-                $formkit: "primeInputText",
-                label: "Value",
-                name: "prime_value"
-              },
-              addGroupButtons()
-            ])
+            {
+              $formkit: "primeInputText",
+              label: "PrimeVue Property",
+              name: "prime_key",
+              outerClass: "col-3"
+            },
+            {
+              $formkit: "primeInputText",
+              label: "Value",
+              name: "prime_value",
+              outerClass: "col-3"
+            },
+            addGroupButtons()
           ]
         )
       ], true, "$get(selectButton).value === 'showPrime'", { key: "schema_prime", preserve: true })

package/dist/definitions/input.js

@@ -30,73 +30,73 @@ var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSe
 var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
-  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead"]
 });
 const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
-  props: ["pt", "ptOptions", "unstyled", "placeholder", "icon", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "icon"]
 });
 const primeInputNumberDefinition = exports.primeInputNumberDefinition = (0, _vue.createInput)(_PrimeInputNumber.default, {
-  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "wrapperClass"]
+  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder"]
 });
 const primeInputMaskDefinition = exports.primeInputMaskDefinition = (0, _vue.createInput)(_PrimeInputMask.default, {
-  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconLeft", "iconRight", "wrapperClass"]
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconLeft", "iconRight"]
 });
 const primePasswordDefinition = exports.primePasswordDefinition = (0, _vue.createInput)(_PrimePassword.default, {
-  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "wrapperClass"]
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask"]
 });
 const primeTextareaDefinition = exports.primeTextareaDefinition = (0, _vue.createInput)(_PrimeTextarea.default, {
-  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder"]
 });
 const primeCheckboxDefinition = exports.primeCheckboxDefinition = (0, _vue.createInput)(_PrimeCheckbox.default, {
-  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "labelLeft", "labelRight", "wrapperClass"]
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix"]
 });
 const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _vue.createInput)(_PrimeToggleSwitch.default, {
-  props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "labelLeft", "labelRight", "wrapperClass"]
+  props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"]
 });
 const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
-  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled"]
 });
 const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
-  props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
 });
 const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled"]
 });
 const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue.createInput)(_PrimeMultiSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled"]
 });
 const primeListboxDefinition = exports.primeListboxDefinition = (0, _vue.createInput)(_PrimeListbox.default, {
-  props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
 });
 const primeDatePickerDefinition = exports.primeDatePickerDefinition = (0, _vue.createInput)(_PrimeDatePicker.default, {
-  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled"]
 });
 const primeSliderDefinition = exports.primeSliderDefinition = (0, _vue.createInput)(_PrimeSlider.default, {
-  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
 });
 const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInput)(_PrimeRating.default, {
-  props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt", "wrapperClass"]
+  props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
 });
 const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "options", "optionClass", "labelClass", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass"]
 });
 const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
-  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
 });
 const primeColorPickerDefinition = exports.primeColorPickerDefinition = (0, _vue.createInput)(_PrimeColorPicker.default, {
-  props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
 });
 const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _vue.createInput)(_PrimeToggleButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos"]
 });
 const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "wrapperClass"]
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
 });
 const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "wrapperClass"]
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
 });
 const primeTreeSelectDefinition = exports.primeTreeSelectDefinition = (0, _vue.createInput)(_PrimeTreeSelect.default, {
-  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "wrapperClass"]
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant"]
 });
 const primeInputs = exports.primeInputs = {
   primeAutoComplete: primeAutoCompleteDefinition,