@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-EJZBG5RT.js

@@ -1,298 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Breadcrumb.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
-var BreadcrumbItem = _vue.defineComponent.call(void 0, {
-  name: "TigerBreadcrumbItem",
-  props: {
-    /**
-     * Navigation link URL
-     */
-    href: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Link target attribute
-     */
-    target: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether this is the current/last item
-     * @default false
-     */
-    current: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Custom separator for this item (overrides global separator)
-     */
-    separator: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Icon to display before the item content
-     */
-    icon: {
-      type: [String, Object],
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when breadcrumb item is clicked
-     */
-    click: (event) => event instanceof MouseEvent
-  },
-  setup(props, { slots, emit, attrs }) {
-    const breadcrumbContext = _vue.inject.call(void 0, BreadcrumbContextKey, {
-      separator: "/"
-    });
-    const itemClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getBreadcrumbItemClasses.call(void 0, props.className);
-    });
-    const linkClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getBreadcrumbLinkClasses.call(void 0, props.current);
-    });
-    const separatorClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, );
-    });
-    const separatorContent = _vue.computed.call(void 0, () => {
-      const separator = props.separator !== void 0 ? props.separator : breadcrumbContext.separator;
-      return _tigercatcore.getSeparatorContent.call(void 0, separator);
-    });
-    const handleClick = (event) => {
-      if (!props.current) {
-        emit("click", event);
-      }
-    };
-    const computedRel = _vue.computed.call(void 0, () => {
-      if (props.target === "_blank") {
-        return "noopener noreferrer";
-      }
-      return void 0;
-    });
-    return () => {
-      const children = slots.default ? slots.default() : [];
-      const iconElement = props.icon ? _vue.h.call(void 0, "span", { class: "inline-flex" }, props.icon) : null;
-      const contentElements = iconElement ? [iconElement, ...children] : children;
-      const linkElement = props.href && !props.current ? _vue.h.call(void 0, 
-        "a",
-        {
-          class: linkClasses.value,
-          href: props.href,
-          target: props.target,
-          rel: computedRel.value,
-          onClick: handleClick
-        },
-        contentElements
-      ) : _vue.h.call(void 0, 
-        "span",
-        {
-          class: linkClasses.value,
-          "aria-current": props.current ? "page" : void 0
-        },
-        contentElements
-      );
-      const separatorElement = !props.current ? _vue.h.call(void 0, 
-        "span",
-        {
-          class: separatorClasses.value,
-          "aria-hidden": "true"
-        },
-        separatorContent.value
-      ) : null;
-      return _vue.h.call(void 0, 
-        "li",
-        {
-          ...attrs,
-          class: [itemClasses.value, attrs.class],
-          style: [props.style, attrs.style]
-        },
-        [linkElement, separatorElement]
-      );
-    };
-  }
-});
-var Breadcrumb = _vue.defineComponent.call(void 0, {
-  name: "TigerBreadcrumb",
-  props: {
-    /**
-     * Custom separator between breadcrumb items
-     * @default '/'
-     */
-    separator: {
-      type: String,
-      default: "/"
-    },
-    /**
-     * Maximum number of visible items before collapsing the middle into '...'.
-     * Shows the first item, the last `maxItems - 1` items, and a clickable
-     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
-     */
-    maxItems: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Extra content aligned to the end of the breadcrumb
-     */
-    extra: {
-      type: null,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const expanded = _vue.ref.call(void 0, false);
-    const extraContent = _vue.computed.call(void 0, () => {
-      const slotValue = _optionalChain([slots, 'access', _ => _.extra, 'optionalCall', _2 => _2()]);
-      if (slotValue && slotValue.length > 0) return slotValue;
-      if (props.extra != null) return props.extra;
-      return null;
-    });
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, _tigercatcore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
-    });
-    _vue.provide.call(void 0, BreadcrumbContextKey, {
-      separator: props.separator
-    });
-    const renderItems = () => {
-      const rawChildren = _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]) || [];
-      const items = [];
-      const flatten = (vnodes) => {
-        for (const vnode of vnodes) {
-          if (vnode.type === _vue.Fragment && Array.isArray(vnode.children)) {
-            flatten(vnode.children);
-          } else {
-            items.push(vnode);
-          }
-        }
-      };
-      flatten(rawChildren);
-      const maxItems = props.maxItems;
-      if (expanded.value || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
-        return items;
-      }
-      const { collapsed } = _tigercatcore.getBreadcrumbCollapsedItems.call(void 0, items.length, maxItems);
-      if (collapsed.length === 0) return items;
-      const collapsedSet = new Set(collapsed);
-      const result = [];
-      let ellipsisInserted = false;
-      items.forEach((item, index) => {
-        if (collapsedSet.has(index)) {
-          if (!ellipsisInserted) {
-            ellipsisInserted = true;
-            result.push(
-              _vue.h.call(void 0, "li", { key: "__tiger-breadcrumb-ellipsis", class: _tigercatcore.getBreadcrumbItemClasses.call(void 0, ) }, [
-                _vue.h.call(void 0, 
-                  "button",
-                  {
-                    type: "button",
-                    class: _tigercatcore.breadcrumbEllipsisClasses,
-                    "aria-label": "Show collapsed breadcrumb items",
-                    onClick: () => {
-                      expanded.value = true;
-                    }
-                  },
-                  "..."
-                ),
-                _vue.h.call(void 0, 
-                  "span",
-                  { class: _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, ), "aria-hidden": "true" },
-                  _tigercatcore.getSeparatorContent.call(void 0, props.separator)
-                )
-              ])
-            );
-          }
-          return;
-        }
-        result.push(item);
-      });
-      return result;
-    };
-    return () => {
-      return _vue.h.call(void 0, 
-        "nav",
-        {
-          "aria-label": "Breadcrumb",
-          ...attrs,
-          class: [containerClasses.value, attrs.class],
-          style: [props.style, attrs.style]
-        },
-        [
-          _vue.h.call(void 0, 
-            "ol",
-            {
-              class: "flex items-center flex-wrap gap-2"
-            },
-            renderItems()
-          ),
-          extraContent.value ? _vue.h.call(void 0, 
-            "div",
-            {
-              class: "ml-auto flex items-center"
-            },
-            extraContent.value
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Breadcrumb_default = Breadcrumb;
-
-
-
-
-
-
-exports.BreadcrumbContextKey = BreadcrumbContextKey; exports.BreadcrumbItem = BreadcrumbItem; exports.Breadcrumb = Breadcrumb; exports.Breadcrumb_default = Breadcrumb_default;

package/dist/chunk-EQW6IUHG.js

@@ -1,163 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/utils/overlay.ts
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _vue = require('vue');
-function useVueClickOutside({
-  enabled,
-  containerRef,
-  refs,
-  onOutsideClick,
-  defer = false
-}) {
-  let timer;
-  const handler = (event) => {
-    if (!enabled.value) return;
-    const elements = _optionalChain([refs, 'optionalAccess', _ => _.length]) ? refs.map((ref2) => _optionalChain([ref2, 'optionalAccess', _2 => _2.value])) : [_optionalChain([containerRef, 'optionalAccess', _3 => _3.value])];
-    if (!elements.some(Boolean)) return;
-    if (_tigercatcore.isEventOutside.call(void 0, event, elements)) {
-      onOutsideClick();
-    }
-  };
-  const attach = () => document.addEventListener("click", handler);
-  const detach = () => document.removeEventListener("click", handler);
-  if (!defer) {
-    attach();
-    return () => detach();
-  }
-  timer = window.setTimeout(() => attach(), 0);
-  return () => {
-    if (timer !== void 0) window.clearTimeout(timer);
-    detach();
-  };
-}
-function useVueEscapeKey({ enabled, onEscape }) {
-  const handler = (event) => {
-    if (!enabled.value) return;
-    if (event.defaultPrevented) return;
-    if (!_tigercatcore.isEscapeKey.call(void 0, event)) return;
-    onEscape();
-  };
-  document.addEventListener("keydown", handler);
-  return () => document.removeEventListener("keydown", handler);
-}
-function useVueBodyScrollLock(enabled) {
-  _vue.watch.call(void 0, 
-    enabled,
-    (isEnabled, _prevEnabled, onCleanup) => {
-      if (!isEnabled) return;
-      const unlock = _tigercatcore.lockBodyScroll.call(void 0, );
-      onCleanup(() => unlock());
-    },
-    { immediate: true }
-  );
-}
-function renderVueBodyTeleport(children, disabled = false) {
-  const normalizedChildren = children == null ? [] : Array.isArray(children) ? children : [children];
-  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, normalizedChildren);
-}
-function useVueFocusTrap({ enabled, containerRef }) {
-  _vue.watch.call(void 0, 
-    [enabled, containerRef],
-    ([isEnabled, container], _previous, onCleanup) => {
-      if (!isEnabled || !container) return;
-      const handler = (event) => {
-        const focusables = _tigercatcore.getFocusableElements.call(void 0, container);
-        const activeElement = _nullishCoalesce(_optionalChain([container, 'access', _4 => _4.ownerDocument, 'optionalAccess', _5 => _5.activeElement]), () => ( document.activeElement));
-        const navigation = _tigercatcore.getFocusTrapNavigation.call(void 0, event, focusables, activeElement);
-        if (!navigation.shouldHandle || !navigation.next) return;
-        event.preventDefault();
-        navigation.next.focus();
-      };
-      container.addEventListener("keydown", handler);
-      onCleanup(() => container.removeEventListener("keydown", handler));
-    },
-    { immediate: true, flush: "post" }
-  );
-}
-function useVueFloating(options) {
-  const {
-    referenceRef,
-    floatingRef,
-    enabled,
-    placement: initialPlacement = "bottom",
-    offset: offsetDistance = 8,
-    arrowRef,
-    onPlacementChange
-  } = options;
-  const x = _vue.ref.call(void 0, 0);
-  const y = _vue.ref.call(void 0, 0);
-  const placement = _vue.ref.call(void 0, initialPlacement);
-  const arrowX = _vue.ref.call(void 0, void 0);
-  const arrowY = _vue.ref.call(void 0, void 0);
-  let cleanup = null;
-  const update = async () => {
-    const reference = referenceRef.value;
-    const floating = floatingRef.value;
-    if (!reference || !floating) return;
-    const floatingOptions = {
-      placement: initialPlacement,
-      offset: offsetDistance,
-      flip: true,
-      shift: true,
-      arrowElement: _optionalChain([arrowRef, 'optionalAccess', _6 => _6.value])
-    };
-    const result = await _tigercatcore.computeFloatingPosition.call(void 0, 
-      reference,
-      floating,
-      floatingOptions
-    );
-    x.value = result.x;
-    y.value = result.y;
-    if (result.placement !== placement.value) {
-      placement.value = result.placement;
-      _optionalChain([onPlacementChange, 'optionalCall', _7 => _7(result.placement)]);
-    }
-    if (result.arrow) {
-      arrowX.value = result.arrow.x;
-      arrowY.value = result.arrow.y;
-    }
-  };
-  _vue.watch.call(void 0, 
-    [enabled, referenceRef, floatingRef],
-    ([isEnabled, reference, floating]) => {
-      if (cleanup) {
-        cleanup();
-        cleanup = null;
-      }
-      if (!isEnabled || !reference || !floating) return;
-      update();
-      cleanup = _tigercatcore.autoUpdateFloating.call(void 0, reference, floating, update);
-    },
-    { immediate: true }
-  );
-  _vue.onBeforeUnmount.call(void 0, () => {
-    if (cleanup) {
-      cleanup();
-      cleanup = null;
-    }
-  });
-  return {
-    x,
-    y,
-    placement,
-    arrowX,
-    arrowY,
-    update
-  };
-}
-
-
-
-
-
-
-
-
-exports.useVueClickOutside = useVueClickOutside; exports.useVueEscapeKey = useVueEscapeKey; exports.useVueBodyScrollLock = useVueBodyScrollLock; exports.renderVueBodyTeleport = renderVueBodyTeleport; exports.useVueFocusTrap = useVueFocusTrap; exports.useVueFloating = useVueFloating;

package/dist/chunk-ETTYERGO.js

@@ -1,83 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Sidebar.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Sidebar = _vue.defineComponent.call(void 0, {
-  name: "TigerSidebar",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Sidebar width (CSS value)
-     * @default '256px'
-     */
-    width: {
-      type: String,
-      default: "256px"
-    },
-    /**
-     * Width when collapsed (mini mode).
-     * Set to '0px' to fully hide the sidebar when collapsed.
-     * @default '64px'
-     */
-    collapsedWidth: {
-      type: String,
-      default: "64px"
-    },
-    /**
-     * Whether the sidebar is collapsed
-     * @default false
-     */
-    collapsed: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const sidebarClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.layoutSidebarClasses,
-        props.collapsed && _tigercatcore.layoutSidebarCollapsedClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const sidebarStyle = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSidebarStyle.call(void 0, props.collapsed, props.width, props.collapsedWidth)
-    );
-    return () => _vue.h.call(void 0, 
-      "aside",
-      {
-        ...attrs,
-        class: sidebarClasses.value,
-        style: _tigercatcore.mergeStyleValues.call(void 0, props.style, sidebarStyle.value)
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var Sidebar_default = Sidebar;
-
-
-
-
-exports.Sidebar = Sidebar; exports.Sidebar_default = Sidebar_default;

package/dist/chunk-F5TZIFMW.js

@@ -1,145 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/NumberKeyboard.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var NumberKeyboard = _vue.defineComponent.call(void 0, {
-  name: "TigerNumberKeyboard",
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    mode: { type: String, default: "number" },
-    maxLength: { type: Number, default: void 0 },
-    precision: { type: Number, default: void 0 },
-    decimalSeparator: { type: String, default: "." },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    confirmText: { type: String, default: void 0 },
-    deleteText: { type: String, default: "Delete" },
-    ariaLabel: { type: String, default: "Number keyboard" },
-    showConfirm: { type: Boolean, default: true },
-    locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue", "change", "key-press", "delete", "confirm"],
-  setup(props, { attrs, emit }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const confirmLabel = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveLocaleText.call(void 0, "Done", props.confirmText, _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.okText]))
-    );
-    const innerValue = _vue.ref.call(void 0, _tigercatcore.normalizeNumberKeyboardValue.call(void 0, props.defaultValue));
-    const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
-    const currentValue = _vue.computed.call(void 0, 
-      () => isControlled.value ? _tigercatcore.normalizeNumberKeyboardValue.call(void 0, props.modelValue) : innerValue.value
-    );
-    const isDisabled = _vue.computed.call(void 0, () => props.disabled || props.readonly);
-    const keys = _vue.computed.call(void 0, 
-      () => _tigercatcore.getNumberKeyboardKeys.call(void 0, {
-        mode: props.mode,
-        decimalSeparator: props.decimalSeparator,
-        deleteText: props.deleteText,
-        confirmText: confirmLabel.value,
-        showConfirm: props.showConfirm
-      })
-    );
-    function emitChange(nextValue, payload) {
-      if (!isControlled.value) innerValue.value = nextValue;
-      emit("update:modelValue", nextValue);
-      emit("change", nextValue, payload);
-    }
-    function handleKeyClick(key) {
-      if (isDisabled.value || key.type === "empty") return;
-      const action = _tigercatcore.getNumberKeyboardAction.call(void 0, key);
-      const nextValue = action === "delete" ? _tigercatcore.deleteNumberKeyboardValue.call(void 0, currentValue.value) : action === "input" ? _tigercatcore.applyNumberKeyboardInput.call(void 0, currentValue.value, key.value, {
-        mode: props.mode,
-        maxLength: props.maxLength,
-        precision: props.precision,
-        decimalSeparator: props.decimalSeparator
-      }) : currentValue.value;
-      const payload = {
-        value: nextValue,
-        key: key.value,
-        action,
-        mode: props.mode
-      };
-      emit("key-press", key, payload);
-      if (action === "confirm") {
-        emit("confirm", currentValue.value, { ...payload, value: currentValue.value });
-        return;
-      }
-      if (action === "delete") emit("delete", nextValue, payload);
-      if (nextValue !== currentValue.value) emitChange(nextValue, payload);
-    }
-    const rootClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.numberKeyboardRootClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
-    );
-    const rootStyle = _vue.computed.call(void 0, 
-      () => _tigercatcore.mergeStyleValues.call(void 0, props.style, attrs.style)
-    );
-    return () => {
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...forwardedAttrs,
-          class: rootClasses.value,
-          style: rootStyle.value,
-          role: "group",
-          "aria-label": props.ariaLabel,
-          "aria-disabled": isDisabled.value || void 0
-        },
-        [
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.numberKeyboardGridClasses },
-            keys.value.map(
-              (key, index) => _vue.h.call(void 0, 
-                "button",
-                {
-                  key: `${key.type}-${key.value}-${index}`,
-                  type: "button",
-                  class: _tigercatcore.getNumberKeyboardKeyClasses.call(void 0, key, isDisabled.value),
-                  disabled: isDisabled.value || key.disabled,
-                  "aria-label": key.ariaLabel,
-                  "data-key": key.value,
-                  onClick: () => handleKeyClick(key)
-                },
-                key.label
-              )
-            )
-          )
-        ]
-      );
-    };
-  }
-});
-var NumberKeyboard_default = NumberKeyboard;
-
-
-
-
-exports.NumberKeyboard = NumberKeyboard; exports.NumberKeyboard_default = NumberKeyboard_default;