@heartlandone/vega 2.62.0 → 2.63.0

package/dist/esm/vega-breadcrumb.entry.js

@@ -2,10 +2,11 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { g as getDeviceType, D as DeviceType } from './ui-c20be16d.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
+import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-dad40b64.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './internal-vega-event-manager-cb06e987.js';
@@ -16,7 +17,7 @@ import './_commonjsHelpers-9943807e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -60,20 +61,20 @@ class VegaBreadcrumbRenderer extends VegaSlimmer {
       this.items.length > this.maxItems);
   }
 }
-__decorate$4([
+__decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "items", void 0);
-__decorate$4([
+__decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "maxItems", void 0);
-__decorate$4([
+__decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "itemRenderer", void 0);
-__decorate$4([
+__decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "collapsedItemRenderer", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -81,31 +82,33 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaBreadcrumbCollapsedItemRenderer extends VegaSlimmer {
   render(items) {
-    const source = items.map((item) => ({
-      label: item.label,
-      key: item.label,
-    }));
     return (h("div", { class: "vega-breadcrumb-item" },
-      h("vega-dropdown", { source: source, placement: ['bottom'], alignment: 'center', maxHeight: 200, ref: (ref) => {
-          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, (payload) => {
-            this.clickController.dropdownClick(payload.detail);
-          });
-        } },
-        h("vega-text", null, "...")),
+      h("vega-dropdown", { placement: ['bottom'], alignment: 'center', maxHeight: 200 },
+        h("vega-text", null, "..."),
+        h("vega-box", { slot: "items" }, items.map((item) => (h("vega-dropdown-item", { key: item.label, label: item.label }, this.itemRenderer.render(item, { isInDropdown: true })))))),
       h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
   }
 }
-__decorate$3([
+__decorate$2([
   MapToComponentField()
-], VegaBreadcrumbCollapsedItemRenderer.prototype, "clickController", void 0);
+], VegaBreadcrumbCollapsedItemRenderer.prototype, "itemRenderer", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaBreadcrumbItemRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onButtonLinkClick = (payload, item) => {
+      const event = this.clickEventEmitter.emit(item);
+      if (event && event.defaultPrevented) {
+        payload.preventDefault();
+      }
+    };
+  }
   render(item, options) {
     return (h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
   }
@@ -118,6 +121,9 @@ class VegaBreadcrumbItemRenderer extends VegaSlimmer {
     else if (options.isLastItem) {
       return this.renderLabel(item, true);
     }
+    else if (options.isInDropdown) {
+      return this.renderLink(item, false, true);
+    }
     else {
       return (h(Fragment, null,
         this.renderLabel(item),
@@ -130,60 +136,21 @@ class VegaBreadcrumbItemRenderer extends VegaSlimmer {
   renderLabel(item, isLastItem) {
     return item.tooltip ? (h("vega-tooltip", { text: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(item, isLastItem));
   }
-  renderLink(item, isLastItem) {
-    return isLastItem ? (h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (h("vega-button-link", { label: item.label, ref: (ref) => {
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
-          this.clickController.click(item);
+  renderLink(item, isLastItem, isInDropdown = false) {
+    return isLastItem ? (h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (h("vega-button-link", { label: item.label, link: item.href, eventful: true, class: {
+        'vega-breadcrumb-dropdown-link': isInDropdown,
+      }, ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, (payload) => {
+          this.onButtonLinkClick(payload, item);
         });
       } }));
   }
 }
-__decorate$2([
-  MapToComponentField()
-], VegaBreadcrumbItemRenderer.prototype, "clickController", void 0);
-
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * The VegaBreadcrumbClickController class handles the click event of breadcrumb items, either redirecting the user to a URL or emitting an event.
- */
-class VegaBreadcrumbClickController extends VegaSlimmer {
-  /**
-   * The click function either redirects the user to a specified URL or emits an event when a breadcrumb
-   * item is clicked.
-   *
-   * @param {VegaBreadcrumbItemType} item - The parameter "item" is of type "VegaBreadcrumbItemType".
-   * @returns {void} The ID of the notification.
-   */
-  click(item) {
-    const event = this.clickEventEmitter.emit(item);
-    if (event && !event.defaultPrevented && item.href) {
-      window.location.href = item.href;
-    }
-  }
-  /**
-   * The `dropdownClick` method is a function that is called when a breadcrumb item is selected from a dropdown menu.
-   * It takes a `selectedKey` parameter, which is the label of the selected breadcrumb item.
-   *
-   * @param {string} selectedKey - The selected key.
-   * @returns {void} -
-   */
-  dropdownClick(selectedKey) {
-    const item = this.items.find((item) => item.label === selectedKey);
-    if (item)
-      this.click(item);
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaBreadcrumbClickController.prototype, "items", void 0);
 __decorate$1([
   MapToComponentField()
-], VegaBreadcrumbClickController.prototype, "clickEventEmitter", void 0);
+], VegaBreadcrumbItemRenderer.prototype, "clickEventEmitter", void 0);
+
+const vegaBreadcrumbGlobalCss = ".vega-breadcrumb-dropdown-link::part(label-text){color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}";
 
 const vegaBreadcrumbCss = ":host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{display:flex;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}";
 
@@ -206,9 +173,9 @@ const VegaBreadcrumb = class {
     this.renderer = new VegaBreadcrumbRenderer();
     this.collapsedItemRenderer = new VegaBreadcrumbCollapsedItemRenderer();
     this.itemRenderer = new VegaBreadcrumbItemRenderer();
-    this.clickController = new VegaBreadcrumbClickController();
     this.eventsPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.renderer.getBreadcrumbContainerRef());
     this.clickEventEmitter = createEventEmitSlimmer(VegaBreadcrumb, VegaClick);
+    this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(vegaBreadcrumbGlobalCss);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines the maximum number of visible items in the `vega-breadcrumb` component,
@@ -248,15 +215,15 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "itemRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "clickController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "eventsPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "clickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaBreadcrumb.prototype, "componentGlobalStyleSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/esm/vega-button-link.entry.js

@@ -66,6 +66,8 @@ const VegaButtonLink = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonLinkRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the URL associated with the button link.
+     *   If no URL is set, the component behaves as a button and triggers the click event.
+     * 	 If a URL is provided, it behaves as a link and the click event is not emitted.
      *
      * @vegaVersion 1.0.4
      * @defaultValue javascript:void(0);
@@ -121,17 +123,12 @@ const VegaButtonLink = class {
     this.danger = false;
     /**
      * Specifies whether the button link will emit a vegaClick event when clicked.
-     *
-     * - If set to `true`, the event will be emitted.
-     * - If set to `false`, the component will function as
-     *    a regular link to another page or URL,
-     *    and no events will be emitted.
-     *
-     * @deprecated Setting the `link` property internally manages the eventful state of a Button Link.
+     *    When set to true, the component behaves as a link but also triggers the click event when clicked,
+     *    allowing both navigation and custom click handling.
      *
      * @vegaVersion 1.3.0
      */
-    this.eventful = true;
+    this.eventful = false;
     /**
      * Specifies the location where the linked document will be opened,
      *    helping users understand how the link will behave when activated.
@@ -140,11 +137,16 @@ const VegaButtonLink = class {
      */
     this.target = '_self';
     this.onClick = (e) => {
+      if (!this.isButton() && !this.eventful)
+        return;
       if (this.disabled) {
         e.preventDefault();
       }
       else {
-        this.clickEventEmitter.emit(this.host.dataset.key, e);
+        const clickEvent = this.clickEventEmitter.emit(this.host.dataset.key, e);
+        if (clickEvent.defaultPrevented) {
+          e.preventDefault();
+        }
       }
     };
   }
@@ -155,11 +157,11 @@ const VegaButtonLink = class {
     this.host.innerHTML = '';
   }
   render() {
-    const isEventLink = this.isEventLink();
-    const href = isEventLink ? VegaButtonLink.defaultLink : this.link;
+    const isButton = this.isButton();
+    const href = isButton ? VegaButtonLink.defaultLink : this.link;
     return sanitizeVegaComponent(h(Host, { class: {
         'vega-button-link-disabled': this.disabled,
-      } }, h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isEventLink ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: isEventLink && this.onClick, class: {
+      } }, h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isButton ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: this.onClick, class: {
         'vega-button-link': true,
         [`vega-button-link-size-${this.size}`]: true,
         'vega-button-link-left-button': this.hasIconButton('left'),
@@ -200,7 +202,7 @@ const VegaButtonLink = class {
   renderVegaIcon() {
     return h("vega-icon", { icon: this.icon, size: this.size === 'large' ? 'size-24' : 'size-16' });
   }
-  isEventLink() {
+  isButton() {
     return !this.link || this.link === VegaButtonLink.defaultLink;
   }
   get host() { return getElement(this); }

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.62.0` will be replaced to a version string when running publish script.
+    // The `2.63.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.62.0';
+    this.vegaVersion = '2.63.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/vega-input-numeric.entry.js

@@ -2,16 +2,17 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { D as DomNodeSubjectObserverFactory, f as VegaChange } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { D as DomNodeSubjectObserverFactory, f as VegaChange, E as VegaBlur } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { n as normalizeNumberByRanger, c as convertToNumber, b as countDecimals } from './number-4398f2e1.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-633b3474.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-cae3a002.js';
-import { c as convertToNumber, b as countDecimals } from './number-4398f2e1.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f7e8845b.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-4252a90e.js';
+import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-2f1cfbf9.js';
 import './observer-3959f9dd.js';
 import './ui-c20be16d.js';
 import './internal-vega-event-manager-cb06e987.js';
@@ -49,6 +50,24 @@ class VegaInputNumericRenderer extends VegaSlimmer {
     this.onInputChange = (payload) => {
       this.valueController.updateValue(payload.detail);
     };
+    this.onInputBlur = (payload) => {
+      const vegaInput = payload.host;
+      const normalizedValue = vegaInput.value.replace(/,/g, '');
+      if (normalizedValue !== '' && !isNaN(normalizedValue)) {
+        let inputValue = normalizeNumberByRanger(Number(normalizedValue), this.min, this.max);
+        if (this.integerOnly) {
+          if (inputValue === this.min) {
+            inputValue = Math.ceil(this.min);
+          }
+          else if (inputValue === this.max) {
+            inputValue = Math.floor(this.max);
+          }
+        }
+        if (inputValue !== Number(normalizedValue)) {
+          this.valueController.updateValue(inputValue.toString());
+        }
+      }
+    };
   }
   getInputRef() {
     return this.vegaInputRef.shadowRoot.querySelector('input');
@@ -66,6 +85,7 @@ class VegaInputNumericRenderer extends VegaSlimmer {
     return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
         this.vegaInputRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => this.onInputChange(payload));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (payload) => this.onInputBlur(payload));
       }, maskConfig: {
         type: 'number',
         options: maskOptions,
@@ -105,6 +125,12 @@ __decorate$3([
 __decorate$3([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "integerOnly", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "min", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "max", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "valueController", void 0);
@@ -258,6 +284,14 @@ const VegaInputNumeric = class {
           propertyName: 'required',
           ruleFactory: (isRequired) => (isRequired ? new RequiredFieldRule() : null),
         },
+        {
+          propertyName: 'min',
+          ruleFactory: (min) => typeof min === 'number' ? new MinNumberRule({ minValue: min }) : null,
+        },
+        {
+          propertyName: 'max',
+          ruleFactory: (max) => typeof max === 'number' ? new MaxNumberRule({ maxValue: max }) : null,
+        },
       ],
       validationRulesName: 'validationRules',
       inputContainerGetter: () => this.renderer.getContainerRef(),
@@ -362,6 +396,18 @@ const VegaInputNumeric = class {
      * @vegaVersion 2.53.0
      */
     this.showClearIcon = true;
+    /**
+     * Sets the minimum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.min = null;
+    /**
+     * Sets the maximum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.max = null;
   }
   watchPrefixText() {
   }

package/dist/esm/vega-input.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-057d0f70.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-86421853.js';
+import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-2f1cfbf9.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-c31c89f4.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';

package/dist/esm/vega-stepper.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-057d0f70.js';
-import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-86421853.js';
+import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-2f1cfbf9.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';

package/dist/esm/vega-textarea.entry.js

@@ -196,6 +196,12 @@ const VegaTextarea = class {
      * @vegaVersion 2.19.0
      */
     this.resizable = true;
+    /**
+     * Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.rows = 5;
     /**
      * Specifies custom validation rules for the text area.
      *
@@ -203,7 +209,7 @@ const VegaTextarea = class {
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {
-      return (h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
+      return (h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, h("textarea", { rows: this.rows >= 2 ? this.rows - 1 : 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
       return h("vega-text", null, this.hint);

package/dist/esm/vega-time-picker_2.entry.js

@@ -1840,6 +1840,8 @@ const VegaTimePicker = class {
     /**
      * Specifies the format in which the time is displayed
      *    in the time picker.
+     *  - `24-hour` displays time as "HH:mm".
+     *  - `12-hour` displays time as "hh:mm a".
      *
      * @vegaVersion 1.12.0
      */
@@ -1847,6 +1849,12 @@ const VegaTimePicker = class {
     /**
      * Specifies the initial value or selected time
      *    for the time picker.
+     * - In `single` mode, the value is a string:
+     *  - `24-hour` format: "HH:mm".
+     *  - `12-hour` format: "hh:mm a".
+     * - In `range` mode, the value is an array of two strings:
+     *  - `24-hour` format: ["HH:mm", "HH:mm"].
+     *  - `12-hour` format: ["hh:mm a", "hh:mm a"]
      *
      * @vegaVersion 1.12.0
      */