@varlet/ui 3.15.1 → 3.16.0-alpha.1778310023051

package/es/otp-input/otpInput.css

@@ -0,0 +1 @@
+:root { --otp-input-gutter: 8px; --otp-input-cell-height: 48px; --otp-input-cell-max-width: 48px; --otp-input-input-font-size: 20px; --otp-input-separator-color: var(--color-text-disabled);}.var-otp-input { display: inline-flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 100%;}.var-otp-input__cells { display: flex; align-items: center; justify-content: center; gap: var(--otp-input-gutter); width: 100%; max-width: 100%;}.var-otp-input__cell { flex: 1 1 0; min-width: 0; height: var(--otp-input-cell-height); max-width: var(--otp-input-cell-max-width);}.var-otp-input__separator { flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--otp-input-separator-color); white-space: nowrap;}.var-otp-input__details { width: 100%;}.var-otp-input .var-input__input { text-align: center; font-size: var(--otp-input-input-font-size); text-transform: none; height: 100%;}.var-otp-input .var-field-decorator__middle { justify-content: center;}.var-otp-input .var-field-decorator--standard .var-field-decorator__controller,.var-otp-input .var-field-decorator--standard .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--standard .var-field-decorator__middle,.var-otp-input .var-field-decorator--standard .var-field-decorator__icon,.var-otp-input .var-field-decorator--standard .var-field-decorator--middle-non-hint,.var-otp-input .var-field-decorator--standard .var-field-decorator--icon-non-hint { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-field-decorator--outlined .var-field-decorator__controller,.var-otp-input .var-field-decorator--outlined .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--outlined .var-field-decorator__middle,.var-otp-input .var-field-decorator--outlined .var-field-decorator__icon { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-field-decorator--filled .var-field-decorator__controller,.var-otp-input .var-field-decorator--filled .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--filled .var-field-decorator__middle,.var-otp-input .var-field-decorator--filled .var-field-decorator__icon,.var-otp-input .var-field-decorator--filled .var-field-decorator--middle-non-hint,.var-otp-input .var-field-decorator--filled .var-field-decorator--icon-non-hint { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-input,.var-otp-input .var-field-decorator,.var-otp-input .var-field-decorator__container,.var-otp-input .var-field-decorator__main,.var-otp-input .var-field-decorator__body { height: 100%;}

package/es/otp-input/props.mjs

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { fieldDecoratorProps } from "../field-decorator/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+const props = __spreadProps(__spreadValues({
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  length: {
+    type: [String, Number],
+    default: 6
+  },
+  type: {
+    type: String,
+    default: "digit"
+  },
+  mask: Boolean,
+  maskSymbol: {
+    type: String,
+    default: "\u2022"
+  },
+  cellHeight: {
+    type: [String, Number],
+    default: 48
+  },
+  cellMaxWidth: {
+    type: [String, Number],
+    default: 48
+  },
+  disabled: Boolean,
+  readonly: Boolean,
+  autofocus: Boolean,
+  gutter: {
+    type: [String, Number],
+    default: 8
+  },
+  validateTrigger: {
+    type: Array,
+    default: () => ["onInput", "onComplete"]
+  },
+  rules: [Array, Function, Object],
+  allowPaste: {
+    type: Boolean,
+    default: true
+  },
+  pasteTransform: Function,
+  onInput: defineListenerProp(),
+  onClick: defineListenerProp(),
+  onPaste: defineListenerProp(),
+  onComplete: defineListenerProp(),
+  "onUpdate:modelValue": defineListenerProp()
+}, pickProps(fieldDecoratorProps, ["textColor", "focusColor", "blurColor"])), {
+  variant: {
+    type: String,
+    default: "outlined"
+  }
+});
+export {
+  props
+};

package/es/otp-input/style/index.mjs

@@ -0,0 +1,7 @@
+import '../../styles/common.css'
+import '../../icon/icon.css'
+import '../../field-decorator/fieldDecorator.css'
+import '../../form-details/formDetails.css'
+import '../../input/input.css'
+import '../otpInput.css'
+import '../OtpInputSfc.css'

package/es/style.mjs

@@ -56,6 +56,7 @@ import './menu/style/index.mjs'
 import './menu-option/style/index.mjs'
 import './menu-select/style/index.mjs'
 import './option/style/index.mjs'
+import './otp-input/style/index.mjs'
 import './overlay/style/index.mjs'
 import './pagination/style/index.mjs'
 import './paper/style/index.mjs'

package/es/themes/dark/index.mjs

@@ -53,6 +53,7 @@ import menu from "./menu.mjs";
 import menuOption from "./menuOption.mjs";
 import menuSelect from "./menuSelect.mjs";
 import option from "./option.mjs";
+import otpInput from "./otpInput.mjs";
 import overlay from "./overlay.mjs";
 import pagination from "./pagination.mjs";
 import paper from "./paper.mjs";
@@ -80,7 +81,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -159,7 +160,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code), signature);
+}, button), alert), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/dark/otpInput.mjs

@@ -0,0 +1,10 @@
+var stdin_default = {
+  "--otp-input-gutter": "8px",
+  "--otp-input-cell-height": "48px",
+  "--otp-input-cell-max-width": "48px",
+  "--otp-input-input-font-size": "20px",
+  "--otp-input-separator-color": "var(--color-text-disabled)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/index.mjs

@@ -53,6 +53,7 @@ import menu from "./menu.mjs";
 import menuOption from "./menuOption.mjs";
 import menuSelect from "./menuSelect.mjs";
 import option from "./option.mjs";
+import otpInput from "./otpInput.mjs";
 import overlay from "./overlay.mjs";
 import pagination from "./pagination.mjs";
 import paper from "./paper.mjs";
@@ -80,7 +81,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -159,7 +160,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
+}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/md3-dark/otpInput.mjs

@@ -0,0 +1,10 @@
+var stdin_default = {
+  "--otp-input-gutter": "8px",
+  "--otp-input-cell-height": "48px",
+  "--otp-input-cell-max-width": "48px",
+  "--otp-input-input-font-size": "20px",
+  "--otp-input-separator-color": "var(--color-text-disabled)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/index.mjs

@@ -53,6 +53,7 @@ import menu from "./menu.mjs";
 import menuOption from "./menuOption.mjs";
 import menuSelect from "./menuSelect.mjs";
 import option from "./option.mjs";
+import otpInput from "./otpInput.mjs";
 import overlay from "./overlay.mjs";
 import pagination from "./pagination.mjs";
 import paper from "./paper.mjs";
@@ -80,7 +81,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "light",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -159,7 +160,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
+}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/md3-light/otpInput.mjs

@@ -0,0 +1,10 @@
+var stdin_default = {
+  "--otp-input-gutter": "8px",
+  "--otp-input-cell-height": "48px",
+  "--otp-input-cell-max-width": "48px",
+  "--otp-input-input-font-size": "20px",
+  "--otp-input-separator-color": "var(--color-text-disabled)"
+};
+export {
+  stdin_default as default
+};