@henriquepetrelli/hp-design-system 1.1.39 → 1.1.41

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

@@ -801,27 +801,27 @@ const _hoisted_8$5 = {
   key: 7,
   class: "spinner-dot-4"
 };
-const _hoisted_9$3 = {
+const _hoisted_9$4 = {
   key: 8,
   class: "spinner-dot-5"
 };
-const _hoisted_10$3 = {
+const _hoisted_10$4 = {
   key: 9,
   class: "spinner-ring-1"
 };
-const _hoisted_11$1 = {
+const _hoisted_11$2 = {
   key: 10,
   class: "spinner-ring-2"
 };
-const _hoisted_12$1 = {
+const _hoisted_12$2 = {
   key: 11,
   class: "spinner-ring-3"
 };
-const _hoisted_13$1 = {
+const _hoisted_13$2 = {
   key: 12,
   class: "spinner-clock"
 };
-const _hoisted_14$1 = {
+const _hoisted_14$2 = {
   key: 13,
   class: "spinner-reload"
 };
@@ -898,14 +898,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         __props.type === "dot2" ? (openBlock(), createElementBlock("div", _hoisted_6$5)) : createCommentVNode("", true),
         __props.type === "dot3" ? (openBlock(), createElementBlock("div", _hoisted_7$5)) : createCommentVNode("", true),
         __props.type === "dot4" ? (openBlock(), createElementBlock("div", _hoisted_8$5)) : createCommentVNode("", true),
-        __props.type === "dot5" ? (openBlock(), createElementBlock("div", _hoisted_9$3)) : createCommentVNode("", true),
-        __props.type === "ring1" ? (openBlock(), createElementBlock("div", _hoisted_10$3)) : createCommentVNode("", true),
-        __props.type === "ring2" ? (openBlock(), createElementBlock("div", _hoisted_11$1)) : createCommentVNode("", true),
-        __props.type === "ring3" ? (openBlock(), createElementBlock("div", _hoisted_12$1)) : createCommentVNode("", true),
-        __props.type === "clock" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [..._cache[0] || (_cache[0] = [
+        __props.type === "dot5" ? (openBlock(), createElementBlock("div", _hoisted_9$4)) : createCommentVNode("", true),
+        __props.type === "ring1" ? (openBlock(), createElementBlock("div", _hoisted_10$4)) : createCommentVNode("", true),
+        __props.type === "ring2" ? (openBlock(), createElementBlock("div", _hoisted_11$2)) : createCommentVNode("", true),
+        __props.type === "ring3" ? (openBlock(), createElementBlock("div", _hoisted_12$2)) : createCommentVNode("", true),
+        __props.type === "clock" ? (openBlock(), createElementBlock("div", _hoisted_13$2, [..._cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "clock-hand" }, null, -1)
         ])])) : createCommentVNode("", true),
-        __props.type === "reload" ? (openBlock(), createElementBlock("div", _hoisted_14$1)) : createCommentVNode("", true),
+        __props.type === "reload" ? (openBlock(), createElementBlock("div", _hoisted_14$2)) : createCommentVNode("", true),
         __props.type === "engine" ? (openBlock(), createElementBlock("div", _hoisted_15$1)) : createCommentVNode("", true),
         __props.type === "search" ? (openBlock(), createElementBlock("div", _hoisted_16$1)) : createCommentVNode("", true)
       ], 6);
@@ -1351,13 +1351,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: 0,
                   label: __props.secondaryButtonLabel,
                   color: __props.secondaryButtonColor,
-                  onClick: handlePrimaryButtonClick
+                  onClick: handleSecondaryButtonClick
                 }, null, 8, ["label", "color"])) : createCommentVNode("", true),
                 __props.hasPrimaryButton ? (openBlock(), createBlock(unref(HpButtonPrimary), {
                   key: 1,
                   label: __props.primaryButtonLabel,
                   backgroundColor: __props.primaryButtonColor,
-                  onClick: handleSecondaryButtonClick
+                  onClick: handlePrimaryButtonClick
                 }, null, 8, ["label", "backgroundColor"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
               !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
@@ -1372,7 +1372,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cdf63c2b"]]);
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0c7c720e"]]);
 
 const _hoisted_1$9 = ["id", "checked", "disabled", "aria-checked", "aria-labelledby"];
 const _hoisted_2$9 = ["for", "id", "tabindex", "onKeydown"];
@@ -1906,8 +1906,8 @@ const _hoisted_5$4 = ["id", "value", "readonly", "aria-readonly", "disabled", "p
 const _hoisted_6$3 = { class: "input__buttons-container" };
 const _hoisted_7$3 = ["disabled", "aria-label"];
 const _hoisted_8$3 = ["disabled", "aria-label"];
-const _hoisted_9$2 = { class: "input__footer" };
-const _hoisted_10$2 = ["id"];
+const _hoisted_9$3 = { class: "input__footer" };
+const _hoisted_10$3 = ["id"];
 
 
 const _sfc_main$6 = {
@@ -2148,13 +2148,13 @@ return (_ctx, _cache) => {
         ])
       ])
     ]),
-    createElementVNode("div", _hoisted_9$2, [
+    createElementVNode("div", _hoisted_9$3, [
       (__props.helperText)
         ? (openBlock(), createElementBlock("span", {
             key: 0,
             id: `${__props.id}-helper-text`,
             class: normalizeClass(["input__helper-text", { [`input__helper-text--${__props.status}`]: __props.status !== 'default' }])
-          }, toDisplayString(__props.helperText), 11, _hoisted_10$2))
+          }, toDisplayString(__props.helperText), 11, _hoisted_10$3))
         : createCommentVNode("", true)
     ])
   ], 6))
@@ -2181,15 +2181,15 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7$2 = ["id", "placeholder", "disabled", "readonly", "required", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled", "aria-expanded", "aria-activedescendant"];
 const _hoisted_8$2 = ["aria-labelledby"];
-const _hoisted_9$1 = ["id", "onMousedown", "aria-selected", "aria-disabled"];
-const _hoisted_10$1 = ["aria-expanded", "aria-owns"];
-const _hoisted_11 = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled"];
-const _hoisted_12 = {
+const _hoisted_9$2 = ["id", "onMousedown", "aria-selected", "aria-disabled"];
+const _hoisted_10$2 = ["aria-expanded", "aria-owns"];
+const _hoisted_11$1 = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled"];
+const _hoisted_12$1 = {
   key: 0,
   class: "required-asterisk"
 };
-const _hoisted_13 = ["id", "aria-activedescendant"];
-const _hoisted_14 = ["id", "onMousedown", "aria-selected", "aria-disabled"];
+const _hoisted_13$1 = ["id", "aria-activedescendant"];
+const _hoisted_14$1 = ["id", "onMousedown", "aria-selected", "aria-disabled"];
 const _hoisted_15 = ["value", "disabled", "required"];
 const _hoisted_16 = ["selected"];
 const _hoisted_17 = ["value", "disabled"];
@@ -2561,7 +2561,7 @@ return (_ctx, _cache) => {
                     role: "option",
                     "aria-selected": option.value === __props.modelValue,
                     "aria-disabled": option.disabled
-                  }, toDisplayString(option.label), 43, _hoisted_9$1))
+                  }, toDisplayString(option.label), 43, _hoisted_9$2))
                 }), 128))
               ], 12, _hoisted_8$2), [
                 [vShow, isOpen.value && filteredOptions.value.length > 0]
@@ -2603,7 +2603,7 @@ return (_ctx, _cache) => {
                 createElementVNode("span", null, [
                   createTextVNode(toDisplayString(selectedLabel.value) + " ", 1),
                   (__props.required && isShowingPlaceholder.value)
-                    ? (openBlock(), createElementBlock("span", _hoisted_12, "*"))
+                    ? (openBlock(), createElementBlock("span", _hoisted_12$1, "*"))
                     : createCommentVNode("", true)
                 ]),
                 createVNode(unref(HpIcon), {
@@ -2612,7 +2612,7 @@ return (_ctx, _cache) => {
                   class: "custom-select__arrow",
                   "aria-hidden": "true"
                 })
-              ], 40, _hoisted_11),
+              ], 40, _hoisted_11$1),
               withDirectives(createElementVNode("div", {
                 id: `${__props.id}-listbox`,
                 class: "custom-select__options",
@@ -2634,9 +2634,9 @@ return (_ctx, _cache) => {
                     role: "option",
                     "aria-selected": option.value === __props.modelValue,
                     "aria-disabled": option.disabled
-                  }, toDisplayString(option.label), 43, _hoisted_14))
+                  }, toDisplayString(option.label), 43, _hoisted_14$1))
                 }), 128))
-              ], 12, _hoisted_13), [
+              ], 12, _hoisted_13$1), [
                 [vShow, isOpen.value]
               ]),
               withDirectives(createElementVNode("select", {
@@ -2663,7 +2663,7 @@ return (_ctx, _cache) => {
               ], 40, _hoisted_15), [
                 [vShow, false]
               ])
-            ], 10, _hoisted_10$1))
+            ], 10, _hoisted_10$2))
       ])
     ]),
     createElementVNode("div", _hoisted_18, [
@@ -2708,11 +2708,11 @@ const _hoisted_8$1 = {
   key: 0,
   class: "input-range__unit"
 };
-const _hoisted_9 = {
+const _hoisted_9$1 = {
   key: 0,
   class: "input-range__footer"
 };
-const _hoisted_10 = ["id"];
+const _hoisted_10$1 = ["id"];
 
 
 const _sfc_main$4 = {
@@ -2836,11 +2836,11 @@ return (_ctx, _cache) => {
       ])
     ]),
     (__props.helperText)
-      ? (openBlock(), createElementBlock("div", _hoisted_9, [
+      ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
           createElementVNode("span", {
             id: `${__props.id}-helper`,
             class: "input-range__helper-text"
-          }, toDisplayString(__props.helperText), 9, _hoisted_10)
+          }, toDisplayString(__props.helperText), 9, _hoisted_10$1)
         ]))
       : createCommentVNode("", true)
   ], 2))
@@ -2936,6 +2936,12 @@ const _hoisted_8 = {
   key: 0,
   class: "data-table__cell data-table__cell--actions"
 };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["colspan"];
+const _hoisted_11 = { class: "data-table__footer-content" };
+const _hoisted_12 = { class: "data-table__footer-left" };
+const _hoisted_13 = { class: "data-table__footer-center" };
+const _hoisted_14 = { class: "data-table__footer-right" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: {
@@ -2971,6 +2977,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }]),
         role: "region"
       }, [
+        renderSlot(_ctx.$slots, "filters", {}, void 0, true),
         __props.searchable ? (openBlock(), createBlock(unref(HpInputText), {
           key: 0,
           class: "data-table__search",
@@ -3064,7 +3071,27 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ]);
               }), 128))
-            ])
+            ]),
+            _ctx.$slots["footer-left"] || _ctx.$slots["footer-center"] || _ctx.$slots["footer-right"] ? (openBlock(), createElementBlock("tfoot", _hoisted_9, [
+              createElementVNode("tr", null, [
+                createElementVNode("td", {
+                  class: "data-table__footer-cell",
+                  colspan: __props.columns.length + (_ctx.$slots.actions ? 1 : 0)
+                }, [
+                  createElementVNode("div", _hoisted_11, [
+                    createElementVNode("div", _hoisted_12, [
+                      renderSlot(_ctx.$slots, "footer-left", {}, void 0, true)
+                    ]),
+                    createElementVNode("div", _hoisted_13, [
+                      renderSlot(_ctx.$slots, "footer-center", {}, void 0, true)
+                    ]),
+                    createElementVNode("div", _hoisted_14, [
+                      renderSlot(_ctx.$slots, "footer-right", {}, void 0, true)
+                    ])
+                  ])
+                ], 8, _hoisted_10)
+              ])
+            ])) : createCommentVNode("", true)
           ])
         ])
       ], 2);
@@ -3072,7 +3099,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d14910bd"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6e4022e9"]]);
 
 const _sfc_main$1 = {  };