@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

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

@@ -1,32 +1,24 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3e41c219.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { M as MinNumberRule, a as MaxNumberRule } from './minNumberRule-b73285c8.js';
-import { s as sanitizeVegaComponent } from './component-ff56c5f5.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-400b3bf2.js';
-import './vegaEnvManager-6d877f06.js';
-import { q as VegaBlur, d as VegaChange, m as VegaValidate, a as VegaClick } from './vegaEventId-78665c18.js';
-import './internalVegaEventManager-4ab886bc.js';
-import { F as FeatureFlag } from './featureFlagController-5d7e64f1.js';
-import { a as arrayToClassString } from './ui-608b4032.js';
-import './log-a824be80.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
-import { m as methodPlaceholder } from './placeholder-bf562081.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-4b2250b8.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-7229b70d.js';
-import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-8aeac4b6.js';
-import { c as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-ba738b9d.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-862c5c79.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-65a53b20.js';
+import { c as createEventEmitSlimmer, D as DomNodeSubjectObserverFactory } from './eventEmitSlimmer-d605ac81.js';
+import { q as VegaBlur, g as VegaChange, V as VegaClick } from './internalVegaEventManager-efa77ebb.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-bb1e9570.js';
 import { C as ChangeManager } from './changeManager-935d420b.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-da1fd54e.js';
-import './zIndexManager-ea603c97.js';
-import './misc-9fdbcfbb.js';
-import './dynamic-slimmer-16826d2b.js';
-import './vega-slimmer-d63e92d9.js';
-import './map-to-component-method-4e36ea1f.js';
-import './pageResizeObserverSlimmer-ee15d7fd.js';
-import './breakpoints-3152fa9c.js';
-import './_commonjsHelpers-9943807e.js';
+import { a as arrayToClassString } from './ui-6e5294cb.js';
+import './log-a824be80.js';
+import './vega-slimmer-ce2e45d1.js';
 import './string-be824360.js';
-import './observer-3959f9dd.js';
+import './misc-c21a85c9.js';
+import './dynamic-slimmer-c8ad78de.js';
+import './pageResizeObserverSlimmer-b476bb1f.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
 
 const vegaStepperCss = ":host{display:inline-block;line-height:normal}:host>label{display:block;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));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>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>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>label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-container.error vega-input::part(input-container):focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}";
 
@@ -45,7 +37,6 @@ const VegaStepper = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
-    this.vegaValidate = createEvent(this, "vegaValidate", 7);
     this.globalSlimmers = {};
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
@@ -58,14 +49,13 @@ const VegaStepper = class {
           ruleFactory: (max) => new MaxNumberRule({ maxValue: max }),
         },
       ],
-      inputContainerSelector: '.vega-stepper-container',
       defaultValue: 0,
       attributeGetter: (propertyName) => this[propertyName],
       touchableAreaGetter: () => this.touchableAreaGetter(),
       inputContainerGetter: () => this.stepperContainerRef,
     });
     this.changeEventEmitter = createEventEmitSlimmer(VegaStepper, VegaChange);
-    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaBlur, VegaChange, VegaValidate], () => this.stepperContainerRef);
+    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaBlur, VegaChange], () => this.stepperContainerRef);
     /**
      * Defines the upper limit or maximum value that can be
      *    incremented within the stepper component.
@@ -85,16 +75,12 @@ const VegaStepper = class {
      *    as the label or title for the stepper component.
      */
     this.label = '';
-    /**
-     * @deprecated This property will be removed in a future release.
-     */
-    this.inputEditable = FeatureFlag.isEnabled('VEGA_STEPPER.INPUT_DISABLED') ? null : false;
     /**
      * Specifies whether the input field of the
      *    stepper component is disabled. The increment and
      *    decrement buttons are unaffected by this setting.
      */
-    this.inputDisabled = FeatureFlag.isEnabled('VEGA_STEPPER.INPUT_DISABLED') ? false : null;
+    this.inputDisabled = null;
     /**
      * Specifies whether the stepper component is disabled.
      */
@@ -104,13 +90,6 @@ const VegaStepper = class {
      */
     // eslint-disable-next-line @stencil/strict-mutable
     this.isValid = null;
-    /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-    /**
-     * Controls the behavior of field validation when its value is updated.
-     *
-     * @deprecated This property will be removed soon
-     */
-    this.formValidation = 0;
     /**
      * Determines whether automatic validation should be
      *    implemented for the stepper component.
@@ -184,45 +163,23 @@ const VegaStepper = class {
       detail: this.value,
     });
   }
-  /**
-   * Invoke this method to validate the current input value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  /* The below method is e2e-test covered in
-   * @see{module:vega-stepper-on-valid-e2e}
-   * @see{module:vega-stepper-on-valid-withoutUI-e2e}
-   * Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582
-   */
-  /* istanbul ignore next */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   render() {
     return sanitizeVegaComponent(h(Host, { class: arrayToClassString([
         'vega-flex-shrink-0',
-        this.isInputDisabled() || this.disabled ? 'disabled' : '',
+        this.inputDisabled || this.disabled ? 'disabled' : '',
       ]) }, this.renderLabelDom(), h("div", { class: {
         'vega-stepper-container': true,
-        'vega-stepper-container-edited': this.isInputDisabled(),
-      }, ref: (node) => (this.stepperContainerRef = node) }, h("vega-button-circle", { label: "Decrease Count", icon: "minus-sign", ref: (ref) => {
-        DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => this.onDecrease());
-      }, disabled: this.value <= this.min || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }), h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.isInputDisabled() || this.disabled, showClearIcon: false, formValidation: this.formValidation, ref: (el) => {
-        DomNodeSubjectObserverFactory.addObserverToNode(el, VegaBlur, (input) => this.handleInputBlur(input));
-        DomNodeSubjectObserverFactory.addObserverToNode(el, VegaChange, (input) => this.onChildInputChange(input));
+        'vega-stepper-container-edited': this.inputDisabled,
+      }, ref: (node) => (this.stepperContainerRef = node) }, h("vega-button-circle", { label: "Decrease", showTooltip: false, icon: "minus-sign", ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => this.onDecrease());
+      }, disabled: this.value <= this.min || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }), h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.inputDisabled || this.disabled, showClearIcon: false, ref: (el) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaBlur, (input) => this.handleInputBlur(input));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaChange, (input) => this.onChildInputChange(input));
         return (this.inputRef = el);
-      } }), h("vega-button-circle", { label: "Increase Count", ref: (ref) => {
-        DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => this.onIncrease());
+      } }), h("vega-button-circle", { label: "Increase", showTooltip: false, ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => this.onIncrease());
       }, icon: "plus-sign", disabled: this.value >= this.max || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }))), this.host);
   }
-  /**
-   * The function returns a boolean value based on the values of two variables.
-   *
-   * @returns {boolean} the input should be disabled or not
-   */
-  isInputDisabled() {
-    return typeof this.inputDisabled === 'boolean' ? this.inputDisabled : this.inputEditable;
-  }
   renderLabelDom() {
     return this.label ? (h("label", { class: "v-text-center v-text-medium-typeset-1", htmlFor: this.stepperId }, this.label)) : null;
   }