@frollo/frollo-web-ui 9.0.8 → 9.0.9

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 (8) hide show
  1. package/cjs/index.js +45 -34
  2. package/esm/fw-navigation-menu.js +43 -32
  3. package/frollo-web-ui.esm.js +45 -34
  4. package/index.d.ts +13 -0
  5. package/package.json +1 -1
  6. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +12 -0
  7. package/types/components/fw-navigation-menu/index.types.d.ts +1 -0
  8. package/web-components/index.js +47 -36
package/cjs/index.js CHANGED
@@ -8524,7 +8524,7 @@ var _hoisted_12$3 = {
8524
8524
  var _hoisted_13$3 = {
8525
8525
  "class": "text-p text-body leading-none"
8526
8526
  };
8527
- var _hoisted_14$2 = {
8527
+ var _hoisted_14$3 = {
8528
8528
  key: 0,
8529
8529
  "class": "text-p-small text-body leading-none"
8530
8530
  };
@@ -8588,7 +8588,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
8588
8588
  key: 0,
8589
8589
  src: option.image_url,
8590
8590
  "class": "w-[20px] h-[20px]"
8591
- }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$3, [vue.createElementVNode("span", _hoisted_13$3, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$2, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_10$5);
8591
+ }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$3, [vue.createElementVNode("span", _hoisted_13$3, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$3, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_10$5);
8592
8592
  }), 128))], 10, _hoisted_9$6), [[vue.vShow, _ctx.isOpen]])];
8593
8593
  }),
8594
8594
  _: 1
@@ -11321,6 +11321,12 @@ __default__$b.__scopeId = "data-v-6c5e1ef8";var script$f = vue.defineComponent({
11321
11321
  reversedDesktopNavButton: {
11322
11322
  type: Boolean,
11323
11323
  "default": false
11324
+ },
11325
+ /**
11326
+ * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
11327
+ */
11328
+ forcedLogoSrc: {
11329
+ type: String
11324
11330
  }
11325
11331
  },
11326
11332
  emits: ['action'],
@@ -11366,26 +11372,27 @@ __default__$b.__scopeId = "data-v-6c5e1ef8";var script$f = vue.defineComponent({
11366
11372
  actionClicked: actionClicked
11367
11373
  };
11368
11374
  }
11369
- });var _hoisted_1$u = {
11370
- key: 0,
11375
+ });var _hoisted_1$u = ["src"];
11376
+ var _hoisted_2$q = {
11377
+ key: 1,
11371
11378
  "class": "hidden lg:!flex flex-shrink-0 items-center"
11372
11379
  };
11373
- var _hoisted_2$q = ["src"];
11374
- var _hoisted_3$m = {
11375
- "class": "flex space-x-1"
11376
- };
11380
+ var _hoisted_3$m = ["src"];
11377
11381
  var _hoisted_4$c = {
11378
- key: 2,
11379
- "class": "hidden lg:flex items-center justify-center lg:ml-2"
11382
+ "class": "flex space-x-1 ml-auto"
11380
11383
  };
11381
11384
  var _hoisted_5$b = {
11382
- "class": "flex flex-col min-w-[180px] text-left"
11385
+ key: 3,
11386
+ "class": "hidden lg:flex items-center justify-center lg:ml-2"
11383
11387
  };
11384
11388
  var _hoisted_6$9 = {
11385
- key: 3,
11386
- "class": "flex items-center lg:hidden z-[53]"
11389
+ "class": "flex flex-col min-w-[180px] text-left"
11387
11390
  };
11388
11391
  var _hoisted_7$7 = {
11392
+ key: 4,
11393
+ "class": "flex items-center lg:hidden z-[53]"
11394
+ };
11395
+ var _hoisted_8$6 = {
11389
11396
  "class": "block h-6 w-6",
11390
11397
  xmlns: "http://www.w3.org/2000/svg",
11391
11398
  fill: "none",
@@ -11393,20 +11400,20 @@ var _hoisted_7$7 = {
11393
11400
  stroke: "currentColor",
11394
11401
  "aria-hidden": "true"
11395
11402
  };
11396
- var _hoisted_8$6 = ["d"];
11397
- var _hoisted_9$5 = {
11403
+ var _hoisted_9$5 = ["d"];
11404
+ var _hoisted_10$4 = {
11398
11405
  key: 0,
11399
11406
  "class": "flex-none lg:hidden items-start flex-shrink-0 pl-4"
11400
11407
  };
11401
- var _hoisted_10$4 = ["src"];
11402
- var _hoisted_11$3 = {
11408
+ var _hoisted_11$3 = ["src"];
11409
+ var _hoisted_12$2 = {
11403
11410
  key: 1,
11404
11411
  "class": "w-full flex flex-col space-y-1 pt-6"
11405
11412
  };
11406
- var _hoisted_12$2 = {
11413
+ var _hoisted_13$2 = {
11407
11414
  "class": "flex flex-col justify-between pt-6 h-full"
11408
11415
  };
11409
- var _hoisted_13$2 = {
11416
+ var _hoisted_14$2 = {
11410
11417
  key: 0,
11411
11418
  "class": "w-full flex flex-col space-y-1"
11412
11419
  };
@@ -11416,22 +11423,26 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11416
11423
  var _component_UserSvg = vue.resolveComponent("UserSvg");
11417
11424
  var _component_FwPopover = vue.resolveComponent("FwPopover");
11418
11425
  return vue.openBlock(), vue.createElementBlock("nav", {
11419
- "class": vue.normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '']])
11426
+ "class": vue.normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '', !!_ctx.forcedLogoSrc ? '!bg-transparent !shadow-none' : '']])
11420
11427
  }, [vue.createElementVNode("div", {
11421
11428
  "class": vue.normalizeClass(["px-6 lg:py-3 flex-1 h-full flex items-stretch justify-between mx-auto", [_ctx.containerClass, !_ctx.menuEnabled ? 'hidden lg:flex' : '']])
11422
- }, [_ctx.$slots.logo || _ctx.logoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [_ctx.$slots.logo ? vue.renderSlot(_ctx.$slots, "logo", {
11429
+ }, [!!_ctx.forcedLogoSrc ? (vue.openBlock(), vue.createElementBlock("img", {
11430
+ key: 0,
11431
+ src: _ctx.forcedLogoSrc,
11432
+ "class": "w-[42px]"
11433
+ }, null, 8, _hoisted_1$u)) : _ctx.$slots.logo || _ctx.logoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [_ctx.$slots.logo ? vue.renderSlot(_ctx.$slots, "logo", {
11423
11434
  key: 0
11424
11435
  }) : _ctx.logoSrc ? (vue.openBlock(), vue.createElementBlock("img", {
11425
11436
  key: 1,
11426
11437
  src: _ctx.logoSrc,
11427
11438
  "class": "w-[42px]"
11428
- }, null, 8, _hoisted_2$q)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
11429
- key: 1,
11430
- "class": vue.normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
11439
+ }, null, 8, _hoisted_3$m)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
11440
+ key: 2,
11441
+ "class": vue.normalizeClass(["container items-center justify-between", [_ctx.paddingClasses, !!_ctx.forcedLogoSrc ? 'flex' : 'hidden lg:flex']])
11431
11442
  }, [_cache[1] || (_cache[1] = vue.createElementVNode("div", {
11432
11443
  id: "menu-teleport",
11433
11444
  "class": "hidden lg:flex items-center gap-x-2"
11434
- }, null, -1)), vue.createElementVNode("div", _hoisted_3$m, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
11445
+ }, null, -1)), vue.createElementVNode("div", _hoisted_4$c, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
11435
11446
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
11436
11447
  key: i,
11437
11448
  variant: "transparent",
@@ -11449,13 +11460,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11449
11460
  }),
11450
11461
  _: 2
11451
11462
  }, 1032, ["class", "href", "to", "external", "onClick"]);
11452
- }), 128))])], 2)) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [vue.createVNode(_component_FwPopover, {
11463
+ }), 128))])], 2)) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [vue.createVNode(_component_FwPopover, {
11453
11464
  placement: "bottom-start",
11454
11465
  "show-on-top": "",
11455
11466
  trigger: "click"
11456
11467
  }, {
11457
11468
  content: vue.withCtx(function () {
11458
- return [vue.createElementVNode("div", _hoisted_5$b, [vue.createVNode(_component_FwButton, {
11469
+ return [vue.createElementVNode("div", _hoisted_6$9, [vue.createVNode(_component_FwButton, {
11459
11470
  size: "lg",
11460
11471
  variant: "text",
11461
11472
  rounded: false,
@@ -11485,7 +11496,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11485
11496
  })];
11486
11497
  }),
11487
11498
  _: 1
11488
- })])) : vue.createCommentVNode("", true), _ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [vue.createVNode(_component_FwButton, {
11499
+ })])) : vue.createCommentVNode("", true), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$7, [vue.createVNode(_component_FwButton, {
11489
11500
  variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
11490
11501
  size: "sm",
11491
11502
  rounded: false,
@@ -11495,18 +11506,18 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11495
11506
  "default": vue.withCtx(function () {
11496
11507
  return [_cache[2] || (_cache[2] = vue.createElementVNode("span", {
11497
11508
  "class": "sr-only"
11498
- }, "Open main menu", -1)), (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$7, [vue.createElementVNode("path", {
11509
+ }, "Open main menu", -1)), (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$6, [vue.createElementVNode("path", {
11499
11510
  "stroke-linecap": "round",
11500
11511
  "stroke-linejoin": "round",
11501
11512
  "stroke-width": "2",
11502
11513
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
11503
- }, null, 8, _hoisted_8$6)]))];
11514
+ }, null, 8, _hoisted_9$5)]))];
11504
11515
  }),
11505
11516
  _: 1
11506
11517
  }, 8, ["variant", "class", "onClick"])])) : vue.createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = vue.createElementVNode("div", {
11507
11518
  id: "menu-search-teleport",
11508
11519
  "class": "absolute top-0 left-0 w-full z-[54]"
11509
- }, null, -1)), _ctx.menuEnabled ? (vue.openBlock(), vue.createBlock(vue.Transition, {
11520
+ }, null, -1)), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (vue.openBlock(), vue.createBlock(vue.Transition, {
11510
11521
  key: 0,
11511
11522
  name: "slideInRight"
11512
11523
  }, {
@@ -11514,13 +11525,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11514
11525
  return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
11515
11526
  key: 0,
11516
11527
  "class": vue.normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
11517
- }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [_ctx.$slots.mobileLogo ? vue.renderSlot(_ctx.$slots, "mobileLogo", {
11528
+ }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4, [_ctx.$slots.mobileLogo ? vue.renderSlot(_ctx.$slots, "mobileLogo", {
11518
11529
  key: 0
11519
11530
  }) : _ctx.mobileLogoSrc ? (vue.openBlock(), vue.createElementBlock("img", {
11520
11531
  key: 1,
11521
11532
  src: _ctx.mobileLogoSrc,
11522
11533
  "class": "w-[42px]"
11523
- }, null, 8, _hoisted_10$4)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
11534
+ }, null, 8, _hoisted_11$3)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
11524
11535
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
11525
11536
  key: i
11526
11537
  }, [!item.disabled ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
@@ -11543,7 +11554,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11543
11554
  }, 1032, ["href", "to", "external", "onClick"])) : vue.createCommentVNode("", true)], 64);
11544
11555
  }), 128)), _cache[3] || (_cache[3] = vue.createElementVNode("div", {
11545
11556
  "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
11546
- }, null, -1))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$2, [_ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
11557
+ }, null, -1))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_13$2, [_ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
11547
11558
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
11548
11559
  key: i,
11549
11560
  "class": "w-full rounded-md !text-left !pl-2",
package/esm/fw-navigation-menu.js CHANGED
@@ -87,6 +87,12 @@ var script = defineComponent({
87
87
  reversedDesktopNavButton: {
88
88
  type: Boolean,
89
89
  "default": false
90
+ },
91
+ /**
92
+ * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
93
+ */
94
+ forcedLogoSrc: {
95
+ type: String
90
96
  }
91
97
  },
92
98
  emits: ['action'],
@@ -134,26 +140,27 @@ var script = defineComponent({
134
140
  }
135
141
  });
136
142
 
137
- var _hoisted_1 = {
138
- key: 0,
143
+ var _hoisted_1 = ["src"];
144
+ var _hoisted_2 = {
145
+ key: 1,
139
146
  "class": "hidden lg:!flex flex-shrink-0 items-center"
140
147
  };
141
- var _hoisted_2 = ["src"];
142
- var _hoisted_3 = {
143
- "class": "flex space-x-1"
144
- };
148
+ var _hoisted_3 = ["src"];
145
149
  var _hoisted_4 = {
146
- key: 2,
147
- "class": "hidden lg:flex items-center justify-center lg:ml-2"
150
+ "class": "flex space-x-1 ml-auto"
148
151
  };
149
152
  var _hoisted_5 = {
150
- "class": "flex flex-col min-w-[180px] text-left"
153
+ key: 3,
154
+ "class": "hidden lg:flex items-center justify-center lg:ml-2"
151
155
  };
152
156
  var _hoisted_6 = {
153
- key: 3,
154
- "class": "flex items-center lg:hidden z-[53]"
157
+ "class": "flex flex-col min-w-[180px] text-left"
155
158
  };
156
159
  var _hoisted_7 = {
160
+ key: 4,
161
+ "class": "flex items-center lg:hidden z-[53]"
162
+ };
163
+ var _hoisted_8 = {
157
164
  "class": "block h-6 w-6",
158
165
  xmlns: "http://www.w3.org/2000/svg",
159
166
  fill: "none",
@@ -161,20 +168,20 @@ var _hoisted_7 = {
161
168
  stroke: "currentColor",
162
169
  "aria-hidden": "true"
163
170
  };
164
- var _hoisted_8 = ["d"];
165
- var _hoisted_9 = {
171
+ var _hoisted_9 = ["d"];
172
+ var _hoisted_10 = {
166
173
  key: 0,
167
174
  "class": "flex-none lg:hidden items-start flex-shrink-0 pl-4"
168
175
  };
169
- var _hoisted_10 = ["src"];
170
- var _hoisted_11 = {
176
+ var _hoisted_11 = ["src"];
177
+ var _hoisted_12 = {
171
178
  key: 1,
172
179
  "class": "w-full flex flex-col space-y-1 pt-6"
173
180
  };
174
- var _hoisted_12 = {
181
+ var _hoisted_13 = {
175
182
  "class": "flex flex-col justify-between pt-6 h-full"
176
183
  };
177
- var _hoisted_13 = {
184
+ var _hoisted_14 = {
178
185
  key: 0,
179
186
  "class": "w-full flex flex-col space-y-1"
180
187
  };
@@ -184,22 +191,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
184
191
  var _component_UserSvg = resolveComponent("UserSvg");
185
192
  var _component_FwPopover = resolveComponent("FwPopover");
186
193
  return openBlock(), createElementBlock("nav", {
187
- "class": normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '']])
194
+ "class": normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '', !!_ctx.forcedLogoSrc ? '!bg-transparent !shadow-none' : '']])
188
195
  }, [createElementVNode("div", {
189
196
  "class": normalizeClass(["px-6 lg:py-3 flex-1 h-full flex items-stretch justify-between mx-auto", [_ctx.containerClass, !_ctx.menuEnabled ? 'hidden lg:flex' : '']])
190
- }, [_ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
197
+ }, [!!_ctx.forcedLogoSrc ? (openBlock(), createElementBlock("img", {
198
+ key: 0,
199
+ src: _ctx.forcedLogoSrc,
200
+ "class": "w-[42px]"
201
+ }, null, 8, _hoisted_1)) : _ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
191
202
  key: 0
192
203
  }) : _ctx.logoSrc ? (openBlock(), createElementBlock("img", {
193
204
  key: 1,
194
205
  src: _ctx.logoSrc,
195
206
  "class": "w-[42px]"
196
- }, null, 8, _hoisted_2)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
197
- key: 1,
198
- "class": normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
207
+ }, null, 8, _hoisted_3)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
208
+ key: 2,
209
+ "class": normalizeClass(["container items-center justify-between", [_ctx.paddingClasses, !!_ctx.forcedLogoSrc ? 'flex' : 'hidden lg:flex']])
199
210
  }, [_cache[1] || (_cache[1] = createElementVNode("div", {
200
211
  id: "menu-teleport",
201
212
  "class": "hidden lg:flex items-center gap-x-2"
202
- }, null, -1)), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
213
+ }, null, -1)), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
203
214
  return openBlock(), createBlock(_component_FwButton, {
204
215
  key: i,
205
216
  variant: "transparent",
@@ -217,13 +228,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
217
228
  }),
218
229
  _: 2
219
230
  }, 1032, ["class", "href", "to", "external", "onClick"]);
220
- }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(_component_FwPopover, {
231
+ }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwPopover, {
221
232
  placement: "bottom-start",
222
233
  "show-on-top": "",
223
234
  trigger: "click"
224
235
  }, {
225
236
  content: withCtx(function () {
226
- return [createElementVNode("div", _hoisted_5, [createVNode(_component_FwButton, {
237
+ return [createElementVNode("div", _hoisted_6, [createVNode(_component_FwButton, {
227
238
  size: "lg",
228
239
  variant: "text",
229
240
  rounded: false,
@@ -253,7 +264,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
253
264
  })];
254
265
  }),
255
266
  _: 1
256
- })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_FwButton, {
267
+ })])) : createCommentVNode("", true), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(_component_FwButton, {
257
268
  variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
258
269
  size: "sm",
259
270
  rounded: false,
@@ -263,18 +274,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
263
274
  "default": withCtx(function () {
264
275
  return [_cache[2] || (_cache[2] = createElementVNode("span", {
265
276
  "class": "sr-only"
266
- }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_7, [createElementVNode("path", {
277
+ }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_8, [createElementVNode("path", {
267
278
  "stroke-linecap": "round",
268
279
  "stroke-linejoin": "round",
269
280
  "stroke-width": "2",
270
281
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
271
- }, null, 8, _hoisted_8)]))];
282
+ }, null, 8, _hoisted_9)]))];
272
283
  }),
273
284
  _: 1
274
285
  }, 8, ["variant", "class", "onClick"])])) : createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = createElementVNode("div", {
275
286
  id: "menu-search-teleport",
276
287
  "class": "absolute top-0 left-0 w-full z-[54]"
277
- }, null, -1)), _ctx.menuEnabled ? (openBlock(), createBlock(Transition, {
288
+ }, null, -1)), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (openBlock(), createBlock(Transition, {
278
289
  key: 0,
279
290
  name: "slideInRight"
280
291
  }, {
@@ -282,13 +293,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
282
293
  return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
283
294
  key: 0,
284
295
  "class": normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
285
- }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_9, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
296
+ }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_10, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
286
297
  key: 0
287
298
  }) : _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("img", {
288
299
  key: 1,
289
300
  src: _ctx.mobileLogoSrc,
290
301
  "class": "w-[42px]"
291
- }, null, 8, _hoisted_10)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
302
+ }, null, 8, _hoisted_11)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
292
303
  return openBlock(), createElementBlock(Fragment, {
293
304
  key: i
294
305
  }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
@@ -311,7 +322,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
311
322
  }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
312
323
  }), 128)), _cache[3] || (_cache[3] = createElementVNode("div", {
313
324
  "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
314
- }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
325
+ }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_13, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
315
326
  return openBlock(), createBlock(_component_FwButton, {
316
327
  key: i,
317
328
  "class": "w-full rounded-md !text-left !pl-2",
package/frollo-web-ui.esm.js CHANGED
@@ -8728,7 +8728,7 @@ var _hoisted_12$3 = {
8728
8728
  var _hoisted_13$3 = {
8729
8729
  "class": "text-p text-body leading-none"
8730
8730
  };
8731
- var _hoisted_14$2 = {
8731
+ var _hoisted_14$3 = {
8732
8732
  key: 0,
8733
8733
  "class": "text-p-small text-body leading-none"
8734
8734
  };
@@ -8792,7 +8792,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
8792
8792
  key: 0,
8793
8793
  src: option.image_url,
8794
8794
  "class": "w-[20px] h-[20px]"
8795
- }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$3, [createElementVNode("span", _hoisted_13$3, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])], 10, _hoisted_10$5);
8795
+ }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$3, [createElementVNode("span", _hoisted_13$3, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_14$3, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])], 10, _hoisted_10$5);
8796
8796
  }), 128))], 10, _hoisted_9$6), [[vShow, _ctx.isOpen]])];
8797
8797
  }),
8798
8798
  _: 1
@@ -11676,6 +11676,12 @@ var script$f = defineComponent({
11676
11676
  reversedDesktopNavButton: {
11677
11677
  type: Boolean,
11678
11678
  "default": false
11679
+ },
11680
+ /**
11681
+ * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
11682
+ */
11683
+ forcedLogoSrc: {
11684
+ type: String
11679
11685
  }
11680
11686
  },
11681
11687
  emits: ['action'],
@@ -11723,26 +11729,27 @@ var script$f = defineComponent({
11723
11729
  }
11724
11730
  });
11725
11731
 
11726
- var _hoisted_1$u = {
11727
- key: 0,
11732
+ var _hoisted_1$u = ["src"];
11733
+ var _hoisted_2$q = {
11734
+ key: 1,
11728
11735
  "class": "hidden lg:!flex flex-shrink-0 items-center"
11729
11736
  };
11730
- var _hoisted_2$q = ["src"];
11731
- var _hoisted_3$m = {
11732
- "class": "flex space-x-1"
11733
- };
11737
+ var _hoisted_3$m = ["src"];
11734
11738
  var _hoisted_4$c = {
11735
- key: 2,
11736
- "class": "hidden lg:flex items-center justify-center lg:ml-2"
11739
+ "class": "flex space-x-1 ml-auto"
11737
11740
  };
11738
11741
  var _hoisted_5$b = {
11739
- "class": "flex flex-col min-w-[180px] text-left"
11742
+ key: 3,
11743
+ "class": "hidden lg:flex items-center justify-center lg:ml-2"
11740
11744
  };
11741
11745
  var _hoisted_6$9 = {
11742
- key: 3,
11743
- "class": "flex items-center lg:hidden z-[53]"
11746
+ "class": "flex flex-col min-w-[180px] text-left"
11744
11747
  };
11745
11748
  var _hoisted_7$7 = {
11749
+ key: 4,
11750
+ "class": "flex items-center lg:hidden z-[53]"
11751
+ };
11752
+ var _hoisted_8$6 = {
11746
11753
  "class": "block h-6 w-6",
11747
11754
  xmlns: "http://www.w3.org/2000/svg",
11748
11755
  fill: "none",
@@ -11750,20 +11757,20 @@ var _hoisted_7$7 = {
11750
11757
  stroke: "currentColor",
11751
11758
  "aria-hidden": "true"
11752
11759
  };
11753
- var _hoisted_8$6 = ["d"];
11754
- var _hoisted_9$5 = {
11760
+ var _hoisted_9$5 = ["d"];
11761
+ var _hoisted_10$4 = {
11755
11762
  key: 0,
11756
11763
  "class": "flex-none lg:hidden items-start flex-shrink-0 pl-4"
11757
11764
  };
11758
- var _hoisted_10$4 = ["src"];
11759
- var _hoisted_11$3 = {
11765
+ var _hoisted_11$3 = ["src"];
11766
+ var _hoisted_12$2 = {
11760
11767
  key: 1,
11761
11768
  "class": "w-full flex flex-col space-y-1 pt-6"
11762
11769
  };
11763
- var _hoisted_12$2 = {
11770
+ var _hoisted_13$2 = {
11764
11771
  "class": "flex flex-col justify-between pt-6 h-full"
11765
11772
  };
11766
- var _hoisted_13$2 = {
11773
+ var _hoisted_14$2 = {
11767
11774
  key: 0,
11768
11775
  "class": "w-full flex flex-col space-y-1"
11769
11776
  };
@@ -11773,22 +11780,26 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11773
11780
  var _component_UserSvg = resolveComponent("UserSvg");
11774
11781
  var _component_FwPopover = resolveComponent("FwPopover");
11775
11782
  return openBlock(), createElementBlock("nav", {
11776
- "class": normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '']])
11783
+ "class": normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '', !!_ctx.forcedLogoSrc ? '!bg-transparent !shadow-none' : '']])
11777
11784
  }, [createElementVNode("div", {
11778
11785
  "class": normalizeClass(["px-6 lg:py-3 flex-1 h-full flex items-stretch justify-between mx-auto", [_ctx.containerClass, !_ctx.menuEnabled ? 'hidden lg:flex' : '']])
11779
- }, [_ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_1$u, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
11786
+ }, [!!_ctx.forcedLogoSrc ? (openBlock(), createElementBlock("img", {
11787
+ key: 0,
11788
+ src: _ctx.forcedLogoSrc,
11789
+ "class": "w-[42px]"
11790
+ }, null, 8, _hoisted_1$u)) : _ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_2$q, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
11780
11791
  key: 0
11781
11792
  }) : _ctx.logoSrc ? (openBlock(), createElementBlock("img", {
11782
11793
  key: 1,
11783
11794
  src: _ctx.logoSrc,
11784
11795
  "class": "w-[42px]"
11785
- }, null, 8, _hoisted_2$q)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
11786
- key: 1,
11787
- "class": normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
11796
+ }, null, 8, _hoisted_3$m)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
11797
+ key: 2,
11798
+ "class": normalizeClass(["container items-center justify-between", [_ctx.paddingClasses, !!_ctx.forcedLogoSrc ? 'flex' : 'hidden lg:flex']])
11788
11799
  }, [_cache[1] || (_cache[1] = createElementVNode("div", {
11789
11800
  id: "menu-teleport",
11790
11801
  "class": "hidden lg:flex items-center gap-x-2"
11791
- }, null, -1)), createElementVNode("div", _hoisted_3$m, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
11802
+ }, null, -1)), createElementVNode("div", _hoisted_4$c, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
11792
11803
  return openBlock(), createBlock(_component_FwButton, {
11793
11804
  key: i,
11794
11805
  variant: "transparent",
@@ -11806,13 +11817,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11806
11817
  }),
11807
11818
  _: 2
11808
11819
  }, 1032, ["class", "href", "to", "external", "onClick"]);
11809
- }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_4$c, [createVNode(_component_FwPopover, {
11820
+ }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_5$b, [createVNode(_component_FwPopover, {
11810
11821
  placement: "bottom-start",
11811
11822
  "show-on-top": "",
11812
11823
  trigger: "click"
11813
11824
  }, {
11814
11825
  content: withCtx(function () {
11815
- return [createElementVNode("div", _hoisted_5$b, [createVNode(_component_FwButton, {
11826
+ return [createElementVNode("div", _hoisted_6$9, [createVNode(_component_FwButton, {
11816
11827
  size: "lg",
11817
11828
  variant: "text",
11818
11829
  rounded: false,
@@ -11842,7 +11853,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11842
11853
  })];
11843
11854
  }),
11844
11855
  _: 1
11845
- })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_6$9, [createVNode(_component_FwButton, {
11856
+ })])) : createCommentVNode("", true), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_7$7, [createVNode(_component_FwButton, {
11846
11857
  variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
11847
11858
  size: "sm",
11848
11859
  rounded: false,
@@ -11852,18 +11863,18 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11852
11863
  "default": withCtx(function () {
11853
11864
  return [_cache[2] || (_cache[2] = createElementVNode("span", {
11854
11865
  "class": "sr-only"
11855
- }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_7$7, [createElementVNode("path", {
11866
+ }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_8$6, [createElementVNode("path", {
11856
11867
  "stroke-linecap": "round",
11857
11868
  "stroke-linejoin": "round",
11858
11869
  "stroke-width": "2",
11859
11870
  d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
11860
- }, null, 8, _hoisted_8$6)]))];
11871
+ }, null, 8, _hoisted_9$5)]))];
11861
11872
  }),
11862
11873
  _: 1
11863
11874
  }, 8, ["variant", "class", "onClick"])])) : createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = createElementVNode("div", {
11864
11875
  id: "menu-search-teleport",
11865
11876
  "class": "absolute top-0 left-0 w-full z-[54]"
11866
- }, null, -1)), _ctx.menuEnabled ? (openBlock(), createBlock(Transition, {
11877
+ }, null, -1)), _ctx.menuEnabled && !_ctx.forcedLogoSrc ? (openBlock(), createBlock(Transition, {
11867
11878
  key: 0,
11868
11879
  name: "slideInRight"
11869
11880
  }, {
@@ -11871,13 +11882,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11871
11882
  return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
11872
11883
  key: 0,
11873
11884
  "class": normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
11874
- }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_9$5, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
11885
+ }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_10$4, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
11875
11886
  key: 0
11876
11887
  }) : _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("img", {
11877
11888
  key: 1,
11878
11889
  src: _ctx.mobileLogoSrc,
11879
11890
  "class": "w-[42px]"
11880
- }, null, 8, _hoisted_10$4)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_11$3, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
11891
+ }, null, 8, _hoisted_11$3)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_12$2, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
11881
11892
  return openBlock(), createElementBlock(Fragment$1, {
11882
11893
  key: i
11883
11894
  }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
@@ -11900,7 +11911,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
11900
11911
  }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
11901
11912
  }), 128)), _cache[3] || (_cache[3] = createElementVNode("div", {
11902
11913
  "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
11903
- }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$2, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_13$2, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
11914
+ }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_13$2, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_14$2, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
11904
11915
  return openBlock(), createBlock(_component_FwButton, {
11905
11916
  key: i,
11906
11917
  "class": "w-full rounded-md !text-left !pl-2",
package/index.d.ts CHANGED
@@ -2236,6 +2236,7 @@ declare interface FwNavigationMenuProps {
2236
2236
  logoSrc?: string;
2237
2237
  mobileLogoSrc?: string;
2238
2238
  reversedDesktopNavButton?: boolean;
2239
+ forcedLogoSrc?: string;
2239
2240
  }
2240
2241
 
2241
2242
  declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -2313,6 +2314,12 @@ declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
2313
2314
  type: BooleanConstructor;
2314
2315
  default: boolean;
2315
2316
  };
2317
+ /**
2318
+ * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
2319
+ */
2320
+ forcedLogoSrc: {
2321
+ type: StringConstructor;
2322
+ };
2316
2323
  }>, {
2317
2324
  parsedMenuItems: vue.ShallowRef<NavMenuItem[], NavMenuItem[]>;
2318
2325
  parsedAdditionalMenuItems: vue.ShallowRef<NavMenuItem[], NavMenuItem[]>;
@@ -2395,6 +2402,12 @@ declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
2395
2402
  type: BooleanConstructor;
2396
2403
  default: boolean;
2397
2404
  };
2405
+ /**
2406
+ * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
2407
+ */
2408
+ forcedLogoSrc: {
2409
+ type: StringConstructor;
2410
+ };
2398
2411
  }>> & Readonly<{
2399
2412
  onAction?: ((...args: any[]) => any) | undefined;
2400
2413
  }>, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "9.0.8",
3
+ "version": "9.0.9",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",