@frollo/frollo-web-ui 1.2.5 → 1.2.6

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.
Files changed (6) hide show
  1. package/cjs/index.js +27 -20
  2. package/esm/fw-navigation-menu.js +26 -19
  3. package/frollo-web-ui.esm.js +27 -20
  4. package/index.d.ts +17 -1
  5. package/package.json +1 -1
  6. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +17 -1
package/cjs/index.js CHANGED
@@ -4763,7 +4763,7 @@ var _hoisted_9$4 = /*#__PURE__*/vue.createElementVNode("svg", {
4763
4763
  })], -1);
4764
4764
 
4765
4765
  var _hoisted_10$4 = [_hoisted_9$4];
4766
- var _hoisted_11$2 = {
4766
+ var _hoisted_11$1 = {
4767
4767
  key: 1,
4768
4768
  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
4769
4769
  };
@@ -4818,7 +4818,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
4818
4818
  }, _hoisted_10$4, 2)) : vue.createCommentVNode("", true)];
4819
4819
  }),
4820
4820
  _: 2
4821
- }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12, [vue.createVNode(vue.Transition, {
4821
+ }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12, [vue.createVNode(vue.Transition, {
4822
4822
  name: "fwFadeIn",
4823
4823
  mode: "out-in"
4824
4824
  }, {
@@ -5834,6 +5834,14 @@ styleInject(css_248z$8);script$e.render = render$g;var script$d = vue.defineComp
5834
5834
  */
5835
5835
  actionLabel: {
5836
5836
  type: String
5837
+ },
5838
+
5839
+ /**
5840
+ * The class for the container wrapper.
5841
+ */
5842
+ containerClass: {
5843
+ type: String,
5844
+ "default": 'max-w-6xl'
5837
5845
  }
5838
5846
  },
5839
5847
  setup: function setup(_props, ctx) {
@@ -5860,32 +5868,29 @@ styleInject(css_248z$8);script$e.render = render$g;var script$d = vue.defineComp
5860
5868
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
5861
5869
  };
5862
5870
  var _hoisted_2$b = {
5863
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
5864
- };
5865
- var _hoisted_3$9 = {
5866
5871
  key: 0,
5867
5872
  "class": "flex-shrink-0 flex items-center"
5868
5873
  };
5869
- var _hoisted_4$6 = {
5874
+ var _hoisted_3$9 = {
5870
5875
  key: 1,
5871
5876
  "class": "container hidden sm:flex items-center justify-start sm:ml-6"
5872
5877
  };
5873
- var _hoisted_5$4 = {
5878
+ var _hoisted_4$6 = {
5874
5879
  "class": "flex space-x-2"
5875
5880
  };
5876
- var _hoisted_6$2 = {
5881
+ var _hoisted_5$4 = {
5877
5882
  key: 2,
5878
5883
  "class": "hidden sm:flex items-center justify-start sm:ml-6"
5879
5884
  };
5880
- var _hoisted_7$2 = {
5885
+ var _hoisted_6$2 = {
5881
5886
  "class": "flex items-center sm:hidden"
5882
5887
  };
5883
5888
 
5884
- var _hoisted_8$2 = /*#__PURE__*/vue.createElementVNode("span", {
5889
+ var _hoisted_7$2 = /*#__PURE__*/vue.createElementVNode("span", {
5885
5890
  "class": "sr-only"
5886
5891
  }, "Open main menu", -1);
5887
5892
 
5888
- var _hoisted_9$2 = {
5893
+ var _hoisted_8$2 = {
5889
5894
  "class": "block h-6 w-6",
5890
5895
  xmlns: "http://www.w3.org/2000/svg",
5891
5896
  fill: "none",
@@ -5893,8 +5898,8 @@ var _hoisted_9$2 = {
5893
5898
  stroke: "currentColor",
5894
5899
  "aria-hidden": "true"
5895
5900
  };
5896
- var _hoisted_10$2 = ["d"];
5897
- var _hoisted_11$1 = {
5901
+ var _hoisted_9$2 = ["d"];
5902
+ var _hoisted_10$2 = {
5898
5903
  "class": "w-full flex flex-col space-y-1"
5899
5904
  };
5900
5905
  function render$f(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5902,7 +5907,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
5902
5907
 
5903
5908
  var _component_FwButton = vue.resolveComponent("FwButton");
5904
5909
 
5905
- return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$e, [vue.createElementVNode("div", _hoisted_2$b, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [vue.createElementVNode("div", _hoisted_5$4, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5910
+ return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$e, [vue.createElementVNode("div", {
5911
+ "class": vue.normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
5912
+ }, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [vue.createElementVNode("div", _hoisted_4$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5906
5913
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
5907
5914
  key: i,
5908
5915
  variant: "text",
@@ -5916,7 +5923,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
5916
5923
  }),
5917
5924
  _: 2
5918
5925
  }, 1032, ["href", "to"]);
5919
- }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [vue.createVNode(_component_FwButton, {
5926
+ }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [vue.createVNode(_component_FwButton, {
5920
5927
  onClick: _ctx.actionClicked,
5921
5928
  size: "md",
5922
5929
  "aria-label": _ctx.actionLabel
@@ -5925,28 +5932,28 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
5925
5932
  return [vue.createTextVNode(vue.toDisplayString(_ctx.actionLabel), 1)];
5926
5933
  }),
5927
5934
  _: 1
5928
- }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7$2, [vue.createVNode(_component_FwButton, {
5935
+ }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$2, [vue.createVNode(_component_FwButton, {
5929
5936
  variant: "text",
5930
5937
  size: "sm",
5931
5938
  onClick: _ctx.toggleMobileMenu
5932
5939
  }, {
5933
5940
  "default": vue.withCtx(function () {
5934
- return [_hoisted_8$2, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$2, [vue.createElementVNode("path", {
5941
+ return [_hoisted_7$2, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$2, [vue.createElementVNode("path", {
5935
5942
  "stroke-linecap": "round",
5936
5943
  "stroke-linejoin": "round",
5937
5944
  "stroke-width": "2",
5938
5945
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
5939
- }, null, 8, _hoisted_10$2)]))];
5946
+ }, null, 8, _hoisted_9$2)]))];
5940
5947
  }),
5941
5948
  _: 1
5942
- }, 8, ["onClick"])])]), vue.createVNode(vue.Transition, {
5949
+ }, 8, ["onClick"])])], 2), vue.createVNode(vue.Transition, {
5943
5950
  name: "slideInLeft"
5944
5951
  }, {
5945
5952
  "default": vue.withCtx(function () {
5946
5953
  return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
5947
5954
  key: 0,
5948
5955
  "class": vue.normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
5949
- }, [vue.createElementVNode("div", _hoisted_11$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5956
+ }, [vue.createElementVNode("div", _hoisted_10$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5950
5957
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
5951
5958
  key: i,
5952
5959
  "class": "w-full rounded-md",
package/esm/fw-navigation-menu.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
1
+ import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
2
2
  import { s as script$1 } from './fw-button-d5d2cf19.js';
3
3
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
4
4
  import './es.array.includes-9a6e4066.js';
@@ -28,6 +28,14 @@ var script = defineComponent({
28
28
  */
29
29
  actionLabel: {
30
30
  type: String
31
+ },
32
+
33
+ /**
34
+ * The class for the container wrapper.
35
+ */
36
+ containerClass: {
37
+ type: String,
38
+ "default": 'max-w-6xl'
31
39
  }
32
40
  },
33
41
  setup: function setup(_props, ctx) {
@@ -56,32 +64,29 @@ var _hoisted_1 = {
56
64
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
57
65
  };
58
66
  var _hoisted_2 = {
59
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
60
- };
61
- var _hoisted_3 = {
62
67
  key: 0,
63
68
  "class": "flex-shrink-0 flex items-center"
64
69
  };
65
- var _hoisted_4 = {
70
+ var _hoisted_3 = {
66
71
  key: 1,
67
72
  "class": "container hidden sm:flex items-center justify-start sm:ml-6"
68
73
  };
69
- var _hoisted_5 = {
74
+ var _hoisted_4 = {
70
75
  "class": "flex space-x-2"
71
76
  };
72
- var _hoisted_6 = {
77
+ var _hoisted_5 = {
73
78
  key: 2,
74
79
  "class": "hidden sm:flex items-center justify-start sm:ml-6"
75
80
  };
76
- var _hoisted_7 = {
81
+ var _hoisted_6 = {
77
82
  "class": "flex items-center sm:hidden"
78
83
  };
79
84
 
80
- var _hoisted_8 = /*#__PURE__*/createElementVNode("span", {
85
+ var _hoisted_7 = /*#__PURE__*/createElementVNode("span", {
81
86
  "class": "sr-only"
82
87
  }, "Open main menu", -1);
83
88
 
84
- var _hoisted_9 = {
89
+ var _hoisted_8 = {
85
90
  "class": "block h-6 w-6",
86
91
  xmlns: "http://www.w3.org/2000/svg",
87
92
  fill: "none",
@@ -89,8 +94,8 @@ var _hoisted_9 = {
89
94
  stroke: "currentColor",
90
95
  "aria-hidden": "true"
91
96
  };
92
- var _hoisted_10 = ["d"];
93
- var _hoisted_11 = {
97
+ var _hoisted_9 = ["d"];
98
+ var _hoisted_10 = {
94
99
  "class": "w-full flex flex-col space-y-1"
95
100
  };
96
101
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -98,7 +103,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
98
103
 
99
104
  var _component_FwButton = resolveComponent("FwButton");
100
105
 
101
- return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
106
+ return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", {
107
+ "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
108
+ }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
102
109
  return openBlock(), createBlock(_component_FwButton, {
103
110
  key: i,
104
111
  variant: "text",
@@ -112,7 +119,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
112
119
  }),
113
120
  _: 2
114
121
  }, 1032, ["href", "to"]);
115
- }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_FwButton, {
122
+ }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwButton, {
116
123
  onClick: _ctx.actionClicked,
117
124
  size: "md",
118
125
  "aria-label": _ctx.actionLabel
@@ -121,28 +128,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
121
128
  return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
122
129
  }),
123
130
  _: 1
124
- }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7, [createVNode(_component_FwButton, {
131
+ }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createVNode(_component_FwButton, {
125
132
  variant: "text",
126
133
  size: "sm",
127
134
  onClick: _ctx.toggleMobileMenu
128
135
  }, {
129
136
  "default": withCtx(function () {
130
- return [_hoisted_8, (openBlock(), createElementBlock("svg", _hoisted_9, [createElementVNode("path", {
137
+ return [_hoisted_7, (openBlock(), createElementBlock("svg", _hoisted_8, [createElementVNode("path", {
131
138
  "stroke-linecap": "round",
132
139
  "stroke-linejoin": "round",
133
140
  "stroke-width": "2",
134
141
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
135
- }, null, 8, _hoisted_10)]))];
142
+ }, null, 8, _hoisted_9)]))];
136
143
  }),
137
144
  _: 1
138
- }, 8, ["onClick"])])]), createVNode(Transition, {
145
+ }, 8, ["onClick"])])], 2), createVNode(Transition, {
139
146
  name: "slideInLeft"
140
147
  }, {
141
148
  "default": withCtx(function () {
142
149
  return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
143
150
  key: 0,
144
151
  "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
145
- }, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
152
+ }, [createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
146
153
  return openBlock(), createBlock(_component_FwButton, {
147
154
  key: i,
148
155
  "class": "w-full rounded-md",
package/frollo-web-ui.esm.js CHANGED
@@ -4999,7 +4999,7 @@ var _hoisted_9$4 = /*#__PURE__*/createElementVNode("svg", {
4999
4999
  })], -1);
5000
5000
 
5001
5001
  var _hoisted_10$4 = [_hoisted_9$4];
5002
- var _hoisted_11$2 = {
5002
+ var _hoisted_11$1 = {
5003
5003
  key: 1,
5004
5004
  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
5005
5005
  };
@@ -5054,7 +5054,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
5054
5054
  }, _hoisted_10$4, 2)) : createCommentVNode("", true)];
5055
5055
  }),
5056
5056
  _: 2
5057
- }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$2, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
5057
+ }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
5058
5058
  name: "fwFadeIn",
5059
5059
  mode: "out-in"
5060
5060
  }, {
@@ -6164,6 +6164,14 @@ var script$d = defineComponent({
6164
6164
  */
6165
6165
  actionLabel: {
6166
6166
  type: String
6167
+ },
6168
+
6169
+ /**
6170
+ * The class for the container wrapper.
6171
+ */
6172
+ containerClass: {
6173
+ type: String,
6174
+ "default": 'max-w-6xl'
6167
6175
  }
6168
6176
  },
6169
6177
  setup: function setup(_props, ctx) {
@@ -6192,32 +6200,29 @@ var _hoisted_1$e = {
6192
6200
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
6193
6201
  };
6194
6202
  var _hoisted_2$b = {
6195
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
6196
- };
6197
- var _hoisted_3$9 = {
6198
6203
  key: 0,
6199
6204
  "class": "flex-shrink-0 flex items-center"
6200
6205
  };
6201
- var _hoisted_4$6 = {
6206
+ var _hoisted_3$9 = {
6202
6207
  key: 1,
6203
6208
  "class": "container hidden sm:flex items-center justify-start sm:ml-6"
6204
6209
  };
6205
- var _hoisted_5$4 = {
6210
+ var _hoisted_4$6 = {
6206
6211
  "class": "flex space-x-2"
6207
6212
  };
6208
- var _hoisted_6$2 = {
6213
+ var _hoisted_5$4 = {
6209
6214
  key: 2,
6210
6215
  "class": "hidden sm:flex items-center justify-start sm:ml-6"
6211
6216
  };
6212
- var _hoisted_7$2 = {
6217
+ var _hoisted_6$2 = {
6213
6218
  "class": "flex items-center sm:hidden"
6214
6219
  };
6215
6220
 
6216
- var _hoisted_8$2 = /*#__PURE__*/createElementVNode("span", {
6221
+ var _hoisted_7$2 = /*#__PURE__*/createElementVNode("span", {
6217
6222
  "class": "sr-only"
6218
6223
  }, "Open main menu", -1);
6219
6224
 
6220
- var _hoisted_9$2 = {
6225
+ var _hoisted_8$2 = {
6221
6226
  "class": "block h-6 w-6",
6222
6227
  xmlns: "http://www.w3.org/2000/svg",
6223
6228
  fill: "none",
@@ -6225,8 +6230,8 @@ var _hoisted_9$2 = {
6225
6230
  stroke: "currentColor",
6226
6231
  "aria-hidden": "true"
6227
6232
  };
6228
- var _hoisted_10$2 = ["d"];
6229
- var _hoisted_11$1 = {
6233
+ var _hoisted_9$2 = ["d"];
6234
+ var _hoisted_10$2 = {
6230
6235
  "class": "w-full flex flex-col space-y-1"
6231
6236
  };
6232
6237
  function render$f(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6234,7 +6239,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
6234
6239
 
6235
6240
  var _component_FwButton = resolveComponent("FwButton");
6236
6241
 
6237
- return openBlock(), createElementBlock("nav", _hoisted_1$e, [createElementVNode("div", _hoisted_2$b, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$6, [createElementVNode("div", _hoisted_5$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
6242
+ return openBlock(), createElementBlock("nav", _hoisted_1$e, [createElementVNode("div", {
6243
+ "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
6244
+ }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2$b, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$9, [createElementVNode("div", _hoisted_4$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
6238
6245
  return openBlock(), createBlock(_component_FwButton, {
6239
6246
  key: i,
6240
6247
  variant: "text",
@@ -6248,7 +6255,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
6248
6255
  }),
6249
6256
  _: 2
6250
6257
  }, 1032, ["href", "to"]);
6251
- }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(_component_FwButton, {
6258
+ }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createVNode(_component_FwButton, {
6252
6259
  onClick: _ctx.actionClicked,
6253
6260
  size: "md",
6254
6261
  "aria-label": _ctx.actionLabel
@@ -6257,28 +6264,28 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
6257
6264
  return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
6258
6265
  }),
6259
6266
  _: 1
6260
- }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$2, [createVNode(_component_FwButton, {
6267
+ }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$2, [createVNode(_component_FwButton, {
6261
6268
  variant: "text",
6262
6269
  size: "sm",
6263
6270
  onClick: _ctx.toggleMobileMenu
6264
6271
  }, {
6265
6272
  "default": withCtx(function () {
6266
- return [_hoisted_8$2, (openBlock(), createElementBlock("svg", _hoisted_9$2, [createElementVNode("path", {
6273
+ return [_hoisted_7$2, (openBlock(), createElementBlock("svg", _hoisted_8$2, [createElementVNode("path", {
6267
6274
  "stroke-linecap": "round",
6268
6275
  "stroke-linejoin": "round",
6269
6276
  "stroke-width": "2",
6270
6277
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
6271
- }, null, 8, _hoisted_10$2)]))];
6278
+ }, null, 8, _hoisted_9$2)]))];
6272
6279
  }),
6273
6280
  _: 1
6274
- }, 8, ["onClick"])])]), createVNode(Transition, {
6281
+ }, 8, ["onClick"])])], 2), createVNode(Transition, {
6275
6282
  name: "slideInLeft"
6276
6283
  }, {
6277
6284
  "default": withCtx(function () {
6278
6285
  return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
6279
6286
  key: 0,
6280
6287
  "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
6281
- }, [createElementVNode("div", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
6288
+ }, [createElementVNode("div", _hoisted_10$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
6282
6289
  return openBlock(), createBlock(_component_FwButton, {
6283
6290
  key: i,
6284
6291
  "class": "w-full rounded-md",
package/index.d.ts CHANGED
@@ -605,6 +605,13 @@ declare const _default$d: vue.DefineComponent<{
605
605
  actionLabel: {
606
606
  type: StringConstructor;
607
607
  };
608
+ /**
609
+ * The class for the container wrapper.
610
+ */
611
+ containerClass: {
612
+ type: StringConstructor;
613
+ default: string;
614
+ };
608
615
  }, {
609
616
  mobileMenuClass: vue.Ref<string>;
610
617
  isMobileMenuOpen: vue.Ref<boolean>;
@@ -625,9 +632,18 @@ declare const _default$d: vue.DefineComponent<{
625
632
  actionLabel: {
626
633
  type: StringConstructor;
627
634
  };
635
+ /**
636
+ * The class for the container wrapper.
637
+ */
638
+ containerClass: {
639
+ type: StringConstructor;
640
+ default: string;
641
+ };
628
642
  }>> & {
629
643
  onAction?: ((...args: any[]) => any) | undefined;
630
- }, {}>;
644
+ }, {
645
+ containerClass: string;
646
+ }>;
631
647
 
632
648
  declare const _default$c: vue.DefineComponent<{
633
649
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "1.2.5",
3
+ "version": "1.2.6",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",
package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts CHANGED
@@ -15,6 +15,13 @@ declare const _default: import("vue").DefineComponent<{
15
15
  actionLabel: {
16
16
  type: StringConstructor;
17
17
  };
18
+ /**
19
+ * The class for the container wrapper.
20
+ */
21
+ containerClass: {
22
+ type: StringConstructor;
23
+ default: string;
24
+ };
18
25
  }, {
19
26
  mobileMenuClass: import("vue").Ref<string>;
20
27
  isMobileMenuOpen: import("vue").Ref<boolean>;
@@ -35,7 +42,16 @@ declare const _default: import("vue").DefineComponent<{
35
42
  actionLabel: {
36
43
  type: StringConstructor;
37
44
  };
45
+ /**
46
+ * The class for the container wrapper.
47
+ */
48
+ containerClass: {
49
+ type: StringConstructor;
50
+ default: string;
51
+ };
38
52
  }>> & {
39
53
  onAction?: ((...args: any[]) => any) | undefined;
40
- }, {}>;
54
+ }, {
55
+ containerClass: string;
56
+ }>;
41
57
  export default _default;