@henriquepetrelli/hp-design-system 1.1.39 → 1.1.41

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

@@ -805,27 +805,27 @@
     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"
   };
@@ -902,14 +902,14 @@
           __props.type === "dot2" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5)) : vue.createCommentVNode("", true),
           __props.type === "dot3" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5)) : vue.createCommentVNode("", true),
           __props.type === "dot4" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5)) : vue.createCommentVNode("", true),
-          __props.type === "dot5" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3)) : vue.createCommentVNode("", true),
-          __props.type === "ring1" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$3)) : vue.createCommentVNode("", true),
-          __props.type === "ring2" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1)) : vue.createCommentVNode("", true),
-          __props.type === "ring3" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1)) : vue.createCommentVNode("", true),
-          __props.type === "clock" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [..._cache[0] || (_cache[0] = [
+          __props.type === "dot5" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$4)) : vue.createCommentVNode("", true),
+          __props.type === "ring1" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4)) : vue.createCommentVNode("", true),
+          __props.type === "ring2" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2)) : vue.createCommentVNode("", true),
+          __props.type === "ring3" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2)) : vue.createCommentVNode("", true),
+          __props.type === "clock" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [..._cache[0] || (_cache[0] = [
             vue.createElementVNode("div", { class: "clock-hand" }, null, -1)
           ])])) : vue.createCommentVNode("", true),
-          __props.type === "reload" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1)) : vue.createCommentVNode("", true),
+          __props.type === "reload" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2)) : vue.createCommentVNode("", true),
           __props.type === "engine" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$1)) : vue.createCommentVNode("", true),
           __props.type === "search" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1)) : vue.createCommentVNode("", true)
         ], 6);
@@ -1355,13 +1355,13 @@
                     key: 0,
                     label: __props.secondaryButtonLabel,
                     color: __props.secondaryButtonColor,
-                    onClick: handlePrimaryButtonClick
+                    onClick: handleSecondaryButtonClick
                   }, null, 8, ["label", "color"])) : vue.createCommentVNode("", true),
                   __props.hasPrimaryButton ? (vue.openBlock(), vue.createBlock(vue.unref(HpButtonPrimary), {
                     key: 1,
                     label: __props.primaryButtonLabel,
                     backgroundColor: __props.primaryButtonColor,
-                    onClick: handleSecondaryButtonClick
+                    onClick: handlePrimaryButtonClick
                   }, null, 8, ["label", "backgroundColor"])) : vue.createCommentVNode("", true)
                 ])) : vue.createCommentVNode("", true),
                 !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
@@ -1376,7 +1376,7 @@
     }
   });
 
-  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"];
@@ -1910,8 +1910,8 @@
   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 = {
@@ -2152,13 +2152,13 @@
           ])
         ])
       ]),
-      vue.createElementVNode("div", _hoisted_9$2, [
+      vue.createElementVNode("div", _hoisted_9$3, [
         (__props.helperText)
           ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               id: `${__props.id}-helper-text`,
               class: vue.normalizeClass(["input__helper-text", { [`input__helper-text--${__props.status}`]: __props.status !== 'default' }])
-            }, vue.toDisplayString(__props.helperText), 11, _hoisted_10$2))
+            }, vue.toDisplayString(__props.helperText), 11, _hoisted_10$3))
           : vue.createCommentVNode("", true)
       ])
     ], 6))
@@ -2185,15 +2185,15 @@
   };
   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"];
@@ -2565,7 +2565,7 @@
                       role: "option",
                       "aria-selected": option.value === __props.modelValue,
                       "aria-disabled": option.disabled
-                    }, vue.toDisplayString(option.label), 43, _hoisted_9$1))
+                    }, vue.toDisplayString(option.label), 43, _hoisted_9$2))
                   }), 128))
                 ], 12, _hoisted_8$2), [
                   [vue.vShow, isOpen.value && filteredOptions.value.length > 0]
@@ -2607,7 +2607,7 @@
                   vue.createElementVNode("span", null, [
                     vue.createTextVNode(vue.toDisplayString(selectedLabel.value) + " ", 1),
                     (__props.required && isShowingPlaceholder.value)
-                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, "*"))
+                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$1, "*"))
                       : vue.createCommentVNode("", true)
                   ]),
                   vue.createVNode(vue.unref(HpIcon), {
@@ -2616,7 +2616,7 @@
                     class: "custom-select__arrow",
                     "aria-hidden": "true"
                   })
-                ], 40, _hoisted_11),
+                ], 40, _hoisted_11$1),
                 vue.withDirectives(vue.createElementVNode("div", {
                   id: `${__props.id}-listbox`,
                   class: "custom-select__options",
@@ -2638,9 +2638,9 @@
                       role: "option",
                       "aria-selected": option.value === __props.modelValue,
                       "aria-disabled": option.disabled
-                    }, vue.toDisplayString(option.label), 43, _hoisted_14))
+                    }, vue.toDisplayString(option.label), 43, _hoisted_14$1))
                   }), 128))
-                ], 12, _hoisted_13), [
+                ], 12, _hoisted_13$1), [
                   [vue.vShow, isOpen.value]
                 ]),
                 vue.withDirectives(vue.createElementVNode("select", {
@@ -2667,7 +2667,7 @@
                 ], 40, _hoisted_15), [
                   [vue.vShow, false]
                 ])
-              ], 10, _hoisted_10$1))
+              ], 10, _hoisted_10$2))
         ])
       ]),
       vue.createElementVNode("div", _hoisted_18, [
@@ -2712,11 +2712,11 @@
     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 = {
@@ -2840,11 +2840,11 @@
         ])
       ]),
       (__props.helperText)
-        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
             vue.createElementVNode("span", {
               id: `${__props.id}-helper`,
               class: "input-range__helper-text"
-            }, vue.toDisplayString(__props.helperText), 9, _hoisted_10)
+            }, vue.toDisplayString(__props.helperText), 9, _hoisted_10$1)
           ]))
         : vue.createCommentVNode("", true)
     ], 2))
@@ -2940,6 +2940,12 @@
     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__ */ vue.defineComponent({
     __name: "DataTable",
     props: {
@@ -2975,6 +2981,7 @@
           }]),
           role: "region"
         }, [
+          vue.renderSlot(_ctx.$slots, "filters", {}, void 0, true),
           __props.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(HpInputText), {
             key: 0,
             class: "data-table__search",
@@ -3068,7 +3075,27 @@
                     ])) : vue.createCommentVNode("", true)
                   ]);
                 }), 128))
-              ])
+              ]),
+              _ctx.$slots["footer-left"] || _ctx.$slots["footer-center"] || _ctx.$slots["footer-right"] ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_9, [
+                vue.createElementVNode("tr", null, [
+                  vue.createElementVNode("td", {
+                    class: "data-table__footer-cell",
+                    colspan: __props.columns.length + (_ctx.$slots.actions ? 1 : 0)
+                  }, [
+                    vue.createElementVNode("div", _hoisted_11, [
+                      vue.createElementVNode("div", _hoisted_12, [
+                        vue.renderSlot(_ctx.$slots, "footer-left", {}, void 0, true)
+                      ]),
+                      vue.createElementVNode("div", _hoisted_13, [
+                        vue.renderSlot(_ctx.$slots, "footer-center", {}, void 0, true)
+                      ]),
+                      vue.createElementVNode("div", _hoisted_14, [
+                        vue.renderSlot(_ctx.$slots, "footer-right", {}, void 0, true)
+                      ])
+                    ])
+                  ], 8, _hoisted_10)
+                ])
+              ])) : vue.createCommentVNode("", true)
             ])
           ])
         ], 2);
@@ -3076,7 +3103,7 @@
     }
   });
 
-  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 = {  };