@frollo/frollo-web-ui 6.0.2 → 6.0.4

package/web-components/index.js

@@ -18551,13 +18551,14 @@
         to: item.to,
         external: item.external,
         size: "md",
-        "aria-current": "page"
+        "aria-current": "page",
+        onClick: item.onClick
       }, {
         "default": withCtx(function () {
           return [createTextVNode(toDisplayString(item.label), 1)];
         }),
         _: 2
-      }, 1032, ["href", "to", "external"]);
+      }, 1032, ["href", "to", "external", "onClick"]);
     }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5$a, [createVNode(_component_FwButton, {
       onClick: _ctx.actionClicked,
       size: "md",
@@ -18597,13 +18598,14 @@
             to: item.to,
             external: item.external,
             size: "md",
-            "aria-current": "page"
+            "aria-current": "page",
+            onClick: item.onClick
           }, {
             "default": withCtx(function () {
               return [createTextVNode(toDisplayString(item.label), 1)];
             }),
             _: 2
-          }, 1032, ["href", "to", "external"]);
+          }, 1032, ["href", "to", "external", "onClick"]);
         }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
           key: 0,
           "class": "w-full rounded-md",
@@ -19648,7 +19650,7 @@
       ArrowDownSvg: render$A,
       FwLoadingBar: script$b
     },
-    emits: ['rowClicked'],
+    emits: ['rowClicked', 'columnSorted'],
     props: {
       items: {
         type: Array,
@@ -19683,12 +19685,13 @@
       var currentSortedColumn = ref('');
       onMounted(function () {
         if (Number(props.autoSortColumn) >= 0) {
-          sortColumn(columns.value[Number(props.autoSortColumn)]);
+          sortColumn(columns.value[Number(props.autoSortColumn)], false);
         }
       });
       var _useColours = useColours(),
         bgHoverColor = _useColours.primaryFade5;
       var sortColumn = function sortColumn(column) {
+        var isAction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (!isColumnSortable(column)) return;
         currentSortedColumn.value = column;
         if (sortBy.value === column) {
@@ -19697,6 +19700,7 @@
           sortBy.value = column;
           sortDirection.value = columnInitSort(column);
         }
+        if (isAction) ctx.emit('columnSorted', column, sortDirection.value);
       };
       var sortedData = computed(function () {
         if (!sortBy.value) {
@@ -19771,7 +19775,7 @@
   var __injectCSSVars__$5 = function __injectCSSVars__() {
     useCssVars(function (_ctx) {
       return {
-        "783a25a4": _ctx.bgHoverColor
+        "1f1e2224": _ctx.bgHoverColor
       };
     });
   };
@@ -19782,7 +19786,7 @@
   } : __injectCSSVars__$5;
 
   var _withScopeId$4 = function _withScopeId(n) {
-    return pushScopeId("data-v-70e44800"), n = n(), popScopeId(), n;
+    return pushScopeId("data-v-2b5e0ff2"), n = n(), popScopeId(), n;
   };
   var _hoisted_1$q = ["aria-busy"];
   var _hoisted_2$o = {
@@ -19891,12 +19895,12 @@
     }), 128))])], 10, _hoisted_1$q);
   }
 
-  var css_248z$b = ".fw-table-head--sortable[data-v-70e44800]:hover{background-color:var(--783a25a4)}.fw-table-row[data-v-70e44800]:hover{background-color:var(--783a25a4)}";
-  var stylesheet$b = ".fw-table-head--sortable[data-v-70e44800]:hover{background-color:var(--783a25a4)}.fw-table-row[data-v-70e44800]:hover{background-color:var(--783a25a4)}";
+  var css_248z$b = ".fw-table-head--sortable[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}.fw-table-row[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}";
+  var stylesheet$b = ".fw-table-head--sortable[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}.fw-table-row[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}";
   styleInject(css_248z$b);
 
   __default__$6.render = render$g;
-  __default__$6.__scopeId = "data-v-70e44800";
+  __default__$6.__scopeId = "data-v-2b5e0ff2";
 
   var script$a = defineComponent({
     name: 'FwTableHead'
@@ -19935,6 +19939,7 @@
 
   var __default__$5 = defineComponent({
     name: 'FwAccordion',
+    emits: ['toggled'],
     props: {
       /**
        * The header title of the accordion
@@ -19963,8 +19968,11 @@
         "default": true
       }
     },
-    setup: function setup(props) {
+    setup: function setup(props, ctx) {
       var isOpen = ref(props.isOpened);
+      watch(isOpen, function (newValue) {
+        ctx.emit('toggled', newValue);
+      });
       var _useColours = useColours(),
         bgHoverColor = _useColours.primaryFade5;
       var beforeEnter = function beforeEnter(el) {
@@ -19992,7 +20000,7 @@
   var __injectCSSVars__$4 = function __injectCSSVars__() {
     useCssVars(function (_ctx) {
       return {
-        "0ec0724b": _ctx.bgHoverColor
+        "5f2b9a00": _ctx.bgHoverColor
       };
     });
   };
@@ -20003,7 +20011,7 @@
   } : __injectCSSVars__$4;
 
   var _withScopeId$3 = function _withScopeId(n) {
-    return pushScopeId("data-v-5123413b"), n = n(), popScopeId(), n;
+    return pushScopeId("data-v-a62b48c8"), n = n(), popScopeId(), n;
   };
   var _hoisted_1$n = {
     "class": "fw-accordion rounded-sm border border-grey-40"
@@ -20048,12 +20056,12 @@
     }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
   }
 
-  var css_248z$a = ".fw-accordion--header-open[data-v-5123413b],.fw-accordion--header[data-v-5123413b]:focus-visible,.fw-accordion--header[data-v-5123413b]:hover{background-color:var(--0ec0724b)}.fw-accordion--icon[data-v-5123413b]{position:relative}.fw-accordion--icon[data-v-5123413b]:after,.fw-accordion--icon[data-v-5123413b]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-5123413b]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-5123413b]:after{width:0}";
-  var stylesheet$a = ".fw-accordion--header-open[data-v-5123413b],.fw-accordion--header[data-v-5123413b]:focus-visible,.fw-accordion--header[data-v-5123413b]:hover{background-color:var(--0ec0724b)}.fw-accordion--icon[data-v-5123413b]{position:relative}.fw-accordion--icon[data-v-5123413b]:after,.fw-accordion--icon[data-v-5123413b]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-5123413b]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-5123413b]:after{width:0}";
+  var css_248z$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
+  var stylesheet$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
   styleInject(css_248z$a);
 
   __default__$5.render = render$d;
-  __default__$5.__scopeId = "data-v-5123413b";
+  __default__$5.__scopeId = "data-v-a62b48c8";
 
   var es_array_from = {};
 
@@ -37072,13 +37080,14 @@
             to: item.to,
             external: item.external,
             size: "lg",
-            "aria-current": "page"
+            "aria-current": "page",
+            onClick: item.onClick
           }, {
             "default": withCtx(function () {
               return [createTextVNode(toDisplayString(item.label), 1)];
             }),
             _: 2
-          }, 1032, ["href", "to", "external"])) : createCommentVNode("", true)], 64);
+          }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
         }), 128))])])) : createCommentVNode("", true)];
       }),
       _: 3