@formkit/pro 0.123.4 → 0.123.6-e6b9b3a

package/currency/currency.ts

@@ -0,0 +1,51 @@
+import { FormKitProInput } from '@formkit/pro'
+import { options as optionsCore } from '@formkit/inputs'
+// import { $if } from '../compose'
+import {
+  outer,
+  inner,
+  input,
+  wrapper,
+  label,
+  help,
+  messages,
+  message,
+  prefix,
+  suffix,
+  icon,
+} from '../sections/currencySections'
+import currencyFeatures from '../features/currency'
+
+/**
+ * Input definition for a toggle group input.
+ * @public
+ */
+export const currency: FormKitProInput = {
+  /**
+   * The actual schema of the input, or a function that returns the schema.
+   */
+  schema: outer(
+    wrapper(
+      label('$label'),
+      inner(icon('prefix'), prefix(), input(), suffix(), icon('suffix'))
+    ),
+    help('$help'),
+    messages(message('$message.value'))
+  ),
+  /**
+   * The type of node, can be a list, group, or input.
+   */
+  type: 'input',
+
+  family: 'text',
+
+  /**
+   * An array of extra props to accept for this input.
+   */
+  props: ['options'],
+
+  /**
+   * Additional features that make this input work.
+   */
+  features: [currencyFeatures, optionsCore],
+}

package/currency/index.mjs

@@ -0,0 +1 @@
+import{createSectionFactory as e,createBaseSections as a}from"../index.mjs";const n=e("cr"),{outer:l,inner:t,wrapper:d,label:o,prefix:r,suffix:i,help:u,messages:s,message:p,icon:$}=a(n),c=n("input",(()=>({$el:"input",bind:"$attrs",attrs:{name:"$node.name",type:"tel",autocomplete:"$attrs.autocomplete || off",id:"$id",onChange:"$handlers.handleInput",onInput:"$handlers.handleInput",onKeydown:"$handlers.handleKeyDown",onBeforeinput:"$handlers.handleBeforeInput",readonly:"$readonly",disabled:"$disabled","data-unit":"$unit","data-currency":"$currency","data-display-locale":"$displayLocale","data-value-locale":"$valueLocale","data-decimals":"$decimals","data-trailing":"$trailingZeros","data-numeric-value":"$_numericValue","data-align":"$_valueAlignAuto"}})));export{n as createSection,u as help,$ as icon,t as inner,c as input,o as label,p as message,s as messages,l as outer,r as prefix,i as suffix,d as wrapper};

package/dropdown/dropdown.ts

@@ -85,7 +85,7 @@ export const dropdown: FormKitProInput = {
                         tagWrapper(
                           tag(
                             $if(
-                              '$state.loading && $optionLoaderValues.includes($option.value)',
+                              '$state.loading && $optionLoaderValues.includes($option.value) || $option.label === undefined',
                               tagLoading('$ui.isLoading.value'),
                               tagLabel('$option.label')
                             ),