@henriquepetrelli/hp-design-system 1.1.29 → 1.1.31

package/dist/hp-design-system.umd.js

@@ -1668,6 +1668,10 @@
       type: String,
       required: true
     },
+    hideLabel: {
+      type: Boolean,
+      default: false
+    },
     id: {
       type: String,
       default: () => `input-text-${Math.random().toString(36).substring(2, 9)}`
@@ -1731,6 +1735,11 @@
 
   const input = vue.ref(null);
   const isFocused = vue.ref(false);
+  const showInputLabel = vue.computed(
+    () =>
+      !props.hideLabel &&
+      (isFocused || props.modelValue !== '' || props.placeholder !== '')
+  );
   const hasValue = vue.computed(() => String(props.modelValue).length > 0);
   const hasPlaceholder = vue.computed(() => String(props.placeholder).length > 0);
   const placeholderFormatted = vue.computed(() => {
@@ -1786,7 +1795,7 @@
     }, [
       vue.createElementVNode("fieldset", _hoisted_1$5, [
         vue.createElementVNode("legend", _hoisted_2$5, vue.toDisplayString(__props.label), 1),
-        (isFocused.value || __props.modelValue !== '' || __props.placeholder !== '')
+        (showInputLabel.value)
           ? (vue.openBlock(), vue.createElementBlock("label", {
               key: 0,
               for: __props.id,
@@ -1863,7 +1872,7 @@
   }
 
   };
-  const HpInputText = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-6450d99a"]]);
+  const HpInputText = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-e05af4c2"]]);
 
   const _hoisted_1$4 = { class: "input__fieldset" };
   const _hoisted_2$4 = {
@@ -2818,7 +2827,7 @@
   }
 
   };
-  const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-32e54a28"]]);
+  const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-c054943e"]]);
 
   const _hoisted_1$1 = { class: "progress-bar" };
   const _hoisted_2$1 = {
@@ -2951,11 +2960,12 @@
             key: 0,
             class: "data-table__search",
             leadingIcon: "BE0090",
-            placeholder: __props.placeholderSearch,
             "model-value": search.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-            "aria-label": __props.placeholderSearch
-          }, null, 8, ["placeholder", "model-value", "aria-label"])) : vue.createCommentVNode("", true),
+            "aria-label": __props.placeholderSearch,
+            label: __props.placeholderSearch,
+            hideLabel: true
+          }, null, 8, ["model-value", "aria-label", "label"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("table", _hoisted_1, [
             vue.createElementVNode("thead", null, [
               vue.createElementVNode("tr", _hoisted_2, [
@@ -3033,7 +3043,7 @@
     }
   });
 
-  const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5012aa82"]]);
+  const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a06a935f"]]);
 
   const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
     __proto__: null,
@@ -3091,10 +3101,7 @@
       }
     });
   };
-  const index = {
-    install,
-    ...components
-  };
+  const index = { install };
 
   exports.HpAlert = Alert;
   exports.HpButtonIcon = HpButtonIcon;
@@ -3119,6 +3126,7 @@
   exports.HpThemeSwitcher = ThemeSwitcher;
   exports.HpToggleSwitch = ToggleSwitch;
   exports.default = index;
+  exports.install = install;
 
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });