@henriquepetrelli/hp-design-system 1.1.29 → 1.1.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hp-design-system.es.js +19 -12
- package/dist/hp-design-system.es.js.map +1 -1
- package/dist/hp-design-system.umd.js +19 -11
- package/dist/hp-design-system.umd.js.map +1 -1
- package/dist/style.css +248 -321
- package/package.json +1 -1
|
@@ -1664,6 +1664,10 @@ const _sfc_main$5 = {
|
|
|
1664
1664
|
type: String,
|
|
1665
1665
|
required: true
|
|
1666
1666
|
},
|
|
1667
|
+
hideLabel: {
|
|
1668
|
+
type: Boolean,
|
|
1669
|
+
default: false
|
|
1670
|
+
},
|
|
1667
1671
|
id: {
|
|
1668
1672
|
type: String,
|
|
1669
1673
|
default: () => `input-text-${Math.random().toString(36).substring(2, 9)}`
|
|
@@ -1727,6 +1731,11 @@ const emit = __emit;
|
|
|
1727
1731
|
|
|
1728
1732
|
const input = ref(null);
|
|
1729
1733
|
const isFocused = ref(false);
|
|
1734
|
+
const showInputLabel = computed(
|
|
1735
|
+
() =>
|
|
1736
|
+
!props.hideLabel &&
|
|
1737
|
+
(isFocused || props.modelValue !== '' || props.placeholder !== '')
|
|
1738
|
+
);
|
|
1730
1739
|
const hasValue = computed(() => String(props.modelValue).length > 0);
|
|
1731
1740
|
const hasPlaceholder = computed(() => String(props.placeholder).length > 0);
|
|
1732
1741
|
const placeholderFormatted = computed(() => {
|
|
@@ -1782,7 +1791,7 @@ return (_ctx, _cache) => {
|
|
|
1782
1791
|
}, [
|
|
1783
1792
|
createElementVNode("fieldset", _hoisted_1$5, [
|
|
1784
1793
|
createElementVNode("legend", _hoisted_2$5, toDisplayString(__props.label), 1),
|
|
1785
|
-
(
|
|
1794
|
+
(showInputLabel.value)
|
|
1786
1795
|
? (openBlock(), createElementBlock("label", {
|
|
1787
1796
|
key: 0,
|
|
1788
1797
|
for: __props.id,
|
|
@@ -1859,7 +1868,7 @@ return (_ctx, _cache) => {
|
|
|
1859
1868
|
}
|
|
1860
1869
|
|
|
1861
1870
|
};
|
|
1862
|
-
const HpInputText = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-
|
|
1871
|
+
const HpInputText = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-e05af4c2"]]);
|
|
1863
1872
|
|
|
1864
1873
|
const _hoisted_1$4 = { class: "input__fieldset" };
|
|
1865
1874
|
const _hoisted_2$4 = {
|
|
@@ -2814,7 +2823,7 @@ return (_ctx, _cache) => {
|
|
|
2814
2823
|
}
|
|
2815
2824
|
|
|
2816
2825
|
};
|
|
2817
|
-
const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-
|
|
2826
|
+
const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-c054943e"]]);
|
|
2818
2827
|
|
|
2819
2828
|
const _hoisted_1$1 = { class: "progress-bar" };
|
|
2820
2829
|
const _hoisted_2$1 = {
|
|
@@ -2947,11 +2956,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2947
2956
|
key: 0,
|
|
2948
2957
|
class: "data-table__search",
|
|
2949
2958
|
leadingIcon: "BE0090",
|
|
2950
|
-
placeholder: __props.placeholderSearch,
|
|
2951
2959
|
"model-value": search.value,
|
|
2952
2960
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
|
|
2953
|
-
"aria-label": __props.placeholderSearch
|
|
2954
|
-
|
|
2961
|
+
"aria-label": __props.placeholderSearch,
|
|
2962
|
+
label: __props.placeholderSearch,
|
|
2963
|
+
hideLabel: true
|
|
2964
|
+
}, null, 8, ["model-value", "aria-label", "label"])) : createCommentVNode("", true),
|
|
2955
2965
|
createElementVNode("table", _hoisted_1, [
|
|
2956
2966
|
createElementVNode("thead", null, [
|
|
2957
2967
|
createElementVNode("tr", _hoisted_2, [
|
|
@@ -3029,7 +3039,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3029
3039
|
}
|
|
3030
3040
|
});
|
|
3031
3041
|
|
|
3032
|
-
const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
3042
|
+
const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a06a935f"]]);
|
|
3033
3043
|
|
|
3034
3044
|
const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
3035
3045
|
__proto__: null,
|
|
@@ -3087,10 +3097,7 @@ const install = (app) => {
|
|
|
3087
3097
|
}
|
|
3088
3098
|
});
|
|
3089
3099
|
};
|
|
3090
|
-
const index = {
|
|
3091
|
-
install,
|
|
3092
|
-
...components
|
|
3093
|
-
};
|
|
3100
|
+
const index = { install };
|
|
3094
3101
|
|
|
3095
|
-
export { Alert as HpAlert, HpButtonIcon, ButtonLetter as HpButtonLetter, HpButtonPrimary, HpButtonSecondary, ButtonTertiary as HpButtonTertiary, Card as HpCard, Checkbox as HpCheckbox, DataTable as HpDataTable, Heading as HpHeading, HpIcon, InputNumber as HpInputNumber, InputRange as HpInputRange, InputSelect as HpInputSelect, HpInputText, Modal as HpModal, ProgressBar as HpProgressBar, RadioButton as HpRadioButton, _sfc_main$d as HpSpinnerLoader, HpText, ThemeSwitcher as HpThemeSwitcher, ToggleSwitch as HpToggleSwitch, index as default };
|
|
3102
|
+
export { Alert as HpAlert, HpButtonIcon, ButtonLetter as HpButtonLetter, HpButtonPrimary, HpButtonSecondary, ButtonTertiary as HpButtonTertiary, Card as HpCard, Checkbox as HpCheckbox, DataTable as HpDataTable, Heading as HpHeading, HpIcon, InputNumber as HpInputNumber, InputRange as HpInputRange, InputSelect as HpInputSelect, HpInputText, Modal as HpModal, ProgressBar as HpProgressBar, RadioButton as HpRadioButton, _sfc_main$d as HpSpinnerLoader, HpText, ThemeSwitcher as HpThemeSwitcher, ToggleSwitch as HpToggleSwitch, index as default, install };
|
|
3096
3103
|
//# sourceMappingURL=hp-design-system.es.js.map
|