@3squared/forge-ui-3 0.15.0 → 0.16.1

package/dist/esm/forge-ui-3.js

@@ -137,22 +137,21 @@ const De = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
-        "form-control d-flex cursor-pointer",
+        "form-control d-flex cursor-pointer position-relative",
         {
           disabled: e.disabled
         }
       ]
     }),
-    trigger: (e) => ({
+    trigger: ({ state: e }) => ({
       class: [
-        "my-auto",
+        "my-auto filter-trigger",
         {
-          "ms-auto": !e.props.showClear,
-          "ms-2": e.props.showClear
+          "rotate-180": e.overlayVisible
         }
       ]
     }),
-    list: "list-unstyled mb-0 dropdown-menu show w-100",
+    list: "list-unstyled mb-0 dropdown-menu overflow-y-auto show w-100",
     item: ({ context: e }) => ({
       class: [
         "dropdown-item d-flex cursor-pointer text-wrap",
@@ -208,6 +207,7 @@ const De = {
       var t, l, o, a;
       return {
         class: [
+          "align-top",
           {
             "cursor-move": e.props.reorderableColumns,
             "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((o = e.column) == null ? void 0 : o.context.frozen) === "",
@@ -243,7 +243,7 @@ const De = {
         }
       ]
     }),
-    headerFilterClearButton: ({ props: e }) => (console.log(), {
+    headerFilterClearButton: ({ props: e }) => ({
       class: [
         "btn",
         {
@@ -281,7 +281,8 @@ const De = {
       ]
     },
     headerContent: "d-flex",
-    sort: "d-flex ms-auto my-auto cursor-pointer",
+    headerTitle: "text-break",
+    sort: "d-flex ms-auto cursor-pointer table-sort-icon",
     rowCheckbox: (e) => ({
       class: [
         "form-check-input px-2 py-2 rounded position-relative",
@@ -549,17 +550,17 @@ const De = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
-        "form-control d-flex cursor-pointer w-100",
+        "form-control d-flex cursor-pointer position-relative w-100",
         {
           disabled: e.disabled
         }
       ]
     }),
-    panel: "dropdown-menu show",
+    panel: "dropdown-menu overflow-y-auto show",
     list: "list-unstyled mb-0",
     item: "dropdown-item d-flex cursor-pointer",
     header: "d-flex",
-    labelContainer: "w-100",
+    labelContainer: "w-100 me-2",
     label: "w-100",
     filterContainer: "d-flex w-100",
     filterIcon: "d-none",
@@ -569,7 +570,7 @@ const De = {
     emptymessage: "mx-3 my-2",
     trigger: ({ state: e }) => ({
       class: [
-        "ms-auto my-auto",
+        "ms-auto my-auto filter-trigger",
         {
           "rotate-180": e.overlayVisible
         }
@@ -1094,7 +1095,7 @@ const De = {
     }));
     return (o, a) => (i(), v("a", {
       id: "link",
-      class: B(["cursor-pointer d-flex", t.value]),
+      class: B(["cursor-pointer d-flex text-break", t.value]),
       href: o.url,
       target: o.target
     }, [
@@ -1925,7 +1926,7 @@ const vt = { key: 0 }, bt = {
                 m(n)
               ],
               onBlur: m(d),
-              "input-class": { "is-invalid": p.value }
+              "input-class": { "datepicker-invalid": p.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
             j(f(m(V), {
               "data-cy": "icon",
@@ -2522,6 +2523,7 @@ const Qt = {
         f(m(le), {
           options: o.pageSizes,
           "model-value": o.perPage,
+          class: "page-size",
           onChange: r[0] || (r[0] = (u) => a(u))
         }, null, 8, ["options", "model-value"])
       ]),