@heartlandone/vega 2.77.1 → 2.79.0

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

@@ -4,33 +4,33 @@ import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { f as VegaChange, F as VegaBlur, v as VegaLabelButtonClick } from './vega-event-id-38aa77a0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { h as VegaChange, H as VegaBlur, x as VegaLabelButtonClick } from './vega-event-id-4ede557a.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
-import './ui-ee31416b.js';
+import './ui-ac244bf0.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-799d012e.js';
-import './internal-translation-controller-113a6288.js';
+import './vega-internal-event-id-8002b179.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
-import './ui-28fd4193.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
+import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-478c9f41.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
@@ -112,113 +112,181 @@ const VegaTextarea = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaTextareaRuntimeMetricsPayloadDefinition);
     this.currentCharCount = 0;
     /**
-     * Specifies a placeholder string that displays as a
-     *    temporary hint or example within the text area.
+     * Specifies a placeholder string that displays as a temporary hint or
+     * example within the text area. The placeholder text is shown when the
+     * field is empty and disappears once the user begins typing.
      *
-     * It indicates the expected format or pattern of
-     *    the input within the text area.
+     * Use this to indicate the expected format or content of the input,
+     * for example `'Enter your comments here...'`.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.placeholder = '';
     /**
-     * Provides a supplementary prompt message that assists users in
-     *    understanding the expected value within the text area.
+     * Provides a supplementary helper message displayed below the text area
+     * that assists users in understanding the expected value or format.
      *
+     * The hint is visible at all times (not just on focus) and is typically
+     * used for guidance such as character requirements or formatting rules.
+     *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.hint = '';
     /**
-     * Specifies whether the text area is disabled.
+     * Specifies whether the text area is disabled. When `true`, the text area
+     * is non-interactive — the user cannot type, focus, or select the field.
+     * The disabled state is reflected as an HTML attribute for CSS styling.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     this.disabled = false;
     /**
-     * Specifies the label or title for the text area.
+     * Specifies the visible label text rendered above the text area. The label
+     * helps identify the purpose or content expected within the field and also
+     * serves as the accessible `aria-label` for screen readers when present.
      *
-     * It provides descriptive text that helps identify the
-     *    purpose or content expected within the text area.
+     * Clicking the label will focus the text area.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.label = '';
     /**
-     * Specifies the properties for the suffix button associated with the input.
+     * Configuration object for an optional suffix button rendered beside the
+     * field label. Use this to provide an inline action (e.g., a help or info
+     * button) next to the label text.
      *
-     * It provides essential information and functionality
-     *  related to the suffix button's role and behavior.
+     * When the button is clicked, the `vegaLabelButtonClick` event is emitted.
+     * Set to `null` to hide the suffix button.
      *
+     * @default null
      * @vegaVersion 2.68.0
      */
     this.labelSuffixButtonConfig = null;
     /**
-     * Determines whether to display a character counter
-     *    for the textarea.
+     * Determines whether to display a live character counter below the text area.
+     *
+     * When `true`, the counter shows the current character count. If `maxLength`
+     * is also set, the counter displays in the format `current/max` and visually
+     * highlights when the limit is exceeded.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     this.showCounter = false;
     /**
-     * Specifies the initial value or content of the
-     *    textarea field.
+     * The current value (content) of the text area field.
+     *
+     * This property is mutable and will be updated programmatically when the
+     * user types into the text area. It can also be set externally to
+     * pre-populate or reset the field. Changes to this property trigger the
+     * `vegaChange` event and update the character counter if `showCounter`
+     * is enabled. Supports two-way binding in framework wrappers.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
-     * Specifies the validation status of the
-     *    text area component.
+     * Reflects the current validation status of the text area.
      *
+     * - `true` — the field value passes all validation rules.
+     * - `false` — one or more validation rules have failed.
+     * - `null` — the field has not been validated yet (initial state).
+     *
+     * This property is mutable: it is updated automatically when
+     * `autoValidation` is enabled, but can also be set manually to override
+     * the validation state. The value is reflected as an HTML attribute.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
-     * Determines whether automatic validation should be
-     *    implemented for the text area.
+     * Determines whether the text area should be validated automatically as the
+     * user types. When `true`, validation rules (including `required`, `minLength`,
+     * `maxLength`, and custom `validationRules`) are evaluated on blur and the
+     * `isValid` property is updated accordingly.
+     *
+     * Set to `false` to handle validation manually.
      *
+     * @default true
      * @vegaVersion 1.11.0
      */
     this.autoValidation = true;
     /**
-     * Determines whether the content of the textarea must be
-     *    provided by the user before submitting the form or
-     *    completing the input process.
+     * Determines whether the text area must have a non-empty value before the
+     * form can be submitted. When `true`, a required-field indicator is shown
+     * on the label and the built-in `RequiredFieldRule` is applied during
+     * validation.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
-     * Specifies the maximum number of characters (UTF-16 code units)
-     *    that the user can enter in the text area.
+     * Specifies the maximum number of characters (UTF-16 code units) that the
+     * user can enter in the text area. The native `maxlength` attribute is
+     * applied to the inner `<textarea>` element.
      *
+     * When `showCounter` is `true`, the maximum value is displayed alongside
+     * the current character count (e.g., `42/200`). Exceeding this limit
+     * triggers a visual warning on the counter and fails the
+     * `MaxStringLengthRule` during validation.
+     *
+     * Set to `null` to allow unlimited input.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     this.maxLength = null;
-    /** Specifies the minimum number of characters (UTF-16 code units)
-     *    that the user must enter in the text area.
+    /**
+     * Specifies the minimum number of characters (UTF-16 code units) that the
+     * user must enter in the text area for the value to be considered valid.
+     * The native `minlength` attribute is applied to the inner `<textarea>`
+     * element.
      *
+     * When set, the `MinStringLengthRule` is applied during validation. Set to
+     * `null` to impose no minimum length.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     this.minLength = null;
     /**
-     * Determines whether the text area is vertically resizable.
+     * Determines whether the user can vertically resize the text area by
+     * dragging its bottom-right corner. When `false`, the resize handle is
+     * hidden via CSS and the text area height is fixed.
      *
+     * @default true
      * @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.
+     * Specifies the number of visible text lines in the text area, controlling
+     * its initial height. Accepts integers ≥ 2. For optimal display, values
+     * below 2 are internally adjusted to 4 rows.
      *
+     * @default 5
      * @vegaVersion 2.63.0
      */
     this.rows = 5;
     /**
-     * Specifies custom validation rules for the text area.
+     * An array of custom validation rules applied to the text area in addition
+     * to the built-in rules (`RequiredFieldRule`, `MinStringLengthRule`,
+     * `MaxStringLengthRule`). Each rule must implement the
+     * `FormFieldValidationRule` interface.
+     *
+     * Rules are evaluated in order when `autoValidation` is enabled or when
+     * validation is triggered programmatically.
      *
+     * @default []
      * @vegaVersion 1.11.0
      */
     this.validationRules = [];

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

@@ -1,49 +1,49 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-c7cfb257.js';
+import { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-2569e5ad.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { f as VegaChange, E as VegaFocus, F as VegaBlur, a as VegaClick } from './vega-event-id-38aa77a0.js';
-import { g as getDeviceType, D as DeviceType } from './ui-ee31416b.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { h as VegaChange, G as VegaFocus, H as VegaBlur, a as VegaClick } from './vega-event-id-4ede557a.js';
+import { g as getDeviceType, D as DeviceType } from './ui-ac244bf0.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { R as isTimeStr, a6 as pad, i as isNonNullable, a7 as convert12HourTo24HourFormat } from './type-guard-af324dcd.js';
+import { U as isTimeStr, a7 as pad, i as isNonNullable, a8 as convert12HourTo24HourFormat } from './type-guard-c20cbbff.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5d573612.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-fde815dc.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8898843.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-4722d20c.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-799d012e.js';
-import './internal-translation-controller-113a6288.js';
+import './vega-internal-event-id-8002b179.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
-import './ui-28fd4193.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
+import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-478c9f41.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
 import './typography-396de03f.js';
 import './number-4398f2e1.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
-import './responsive-format-facade-2a36c54a.js';
+import './responsive-format-facade-e8534e59.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './keyboard-manager-f9bfa678.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './keyboard-manager-e020039f.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -132,7 +132,7 @@ class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
   /* istanbul ignore next */
   render() {
     return (h("div", { class: "time-picker-input" },
-      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
+      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
           this.timeInputRef = ref;
           this.handleVegaInputEvent(ref);
         } })));
@@ -192,6 +192,9 @@ __decorate$c([
 __decorate$c([
   MapToComponentField()
 ], VegaTimePickerSingleInputRenderer.prototype, "translationSlimmer", void 0);
+__decorate$c([
+  MapToComponentField()
+], VegaTimePickerSingleInputRenderer.prototype, "readOnly", void 0);
 
 var __decorate$b = (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;
@@ -1122,13 +1125,13 @@ class VegaTimePickerRangeInputRenderer extends VegaSlimmer {
     return (h(Fragment, null,
       h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
         h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
-          h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
+          h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: startValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.startTimeInputRef = ref);
             }, "show-clear-icon": "false" })),
         h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
         h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
-          h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
+          h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: endValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.endTimeInputRef = ref);
             }, "show-clear-icon": "false" }))),
@@ -1209,6 +1212,9 @@ __decorate$6([
 __decorate$6([
   MapToComponentField()
 ], VegaTimePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaTimePickerRangeInputRenderer.prototype, "readOnly", void 0);
 
 var __decorate$5 = (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;
@@ -1728,6 +1734,30 @@ const VegaTimePickerRuntimeMetricsPayloadDefinition = [
      */
     payloadValue: (host) => host.mode === 'range',
   },
+  {
+    payloadKey: 'READ_ONLY_IS_TRUE',
+    payloadDescription: 'Specifies whether the time picker field is set to read-only',
+    /**
+     * The function checks if the `readOnly` property of the `host` element is equal to 'true'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.readOnly === true,
+  },
+  {
+    payloadKey: 'READ_ONLY_IS_FALSE',
+    payloadDescription: 'Specifies whether the time picker field is set to read-only',
+    /**
+     * The function checks if the `readOnly` property of the `host` element is equal to 'false'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.readOnly === false,
+  },
 ];
 
 const vegaTimePickerCss = ":host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}";
@@ -1867,6 +1897,18 @@ const VegaTimePicker = class {
      * @vegaVersion 1.12.0
      */
     this.disabled = false;
+    /**
+     * Specifies whether the time picker field is set to read-only.
+     *
+     * When set to `true`, prevents manual keyboard text entry in the input field on
+     *    all platforms. On touch devices, this typically suppresses the virtual keyboard.
+     *    This does not lock the component value; users can still select/update time via
+     *    the dropdown UI (and programmatic updates still work).
+     *
+     * @default false
+     * @vegaVersion 2.79.0
+     */
+    this.readOnly = false;
     /**
      * Specifies the validation status of the time picker component.
      *

package/dist/esm/vega-toggle-switch.entry.js

@@ -1,35 +1,35 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
-import { f as VegaChange } from './vega-event-id-38aa77a0.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
+import { h as VegaChange } from './vega-event-id-4ede557a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
 import { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dom-node-subject-observer-factory-82f346e3.js';
+import './dom-node-subject-observer-factory-94b2e2c3.js';
 import './observer-3959f9dd.js';
-import './ui-ee31416b.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './ui-ac244bf0.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './vega-internal-event-id-799d012e.js';
-import './internal-translation-controller-113a6288.js';
+import './vega-internal-event-id-8002b179.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './index-3b327f29.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
-import './ui-28fd4193.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
+import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-478c9f41.js';
+import './sub-state-observer-slimmer-b3a773c5.js';
 
 const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
 

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

@@ -1,34 +1,34 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-9339bba8.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-784b1364.js';
 import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5d573612.js';
-import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
-import './keyboard-manager-f9bfa678.js';
-import './ui-ee31416b.js';
-import './type-guard-af324dcd.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-fde815dc.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
+import './keyboard-manager-e020039f.js';
+import './ui-ac244bf0.js';
+import './type-guard-c20cbbff.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-113a6288.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './dynamic-slimmer-90b8af32.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-2a36c54a.js';
+import './responsive-format-facade-e8534e59.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './observer-3959f9dd.js';
-import './dom-node-subject-observer-factory-82f346e3.js';
-import './vega-internal-event-id-799d012e.js';
-import './object-66c37948.js';
+import './dom-node-subject-observer-factory-94b2e2c3.js';
+import './vega-internal-event-id-8002b179.js';
+import './object-0c277f57.js';
 
 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;