@frollo/frollo-web-ui 0.1.1 → 0.2.1

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 (18) hide show
  1. package/cjs/index.js +33 -26
  2. package/esm/{fw-button-bba6ac88.js → fw-button-ab906734.js} +1 -1
  3. package/esm/fw-button.js +1 -1
  4. package/esm/fw-card.js +1 -1
  5. package/esm/fw-checkbox.js +6 -6
  6. package/esm/fw-input.js +11 -3
  7. package/esm/fw-modal.js +2 -2
  8. package/esm/fw-navigation-menu.js +6 -8
  9. package/esm/{index-1813012f.js → index-963039a3.js} +8 -7
  10. package/esm/index.js +6 -6
  11. package/frollo-web-ui.esm.js +33 -26
  12. package/index.d.ts +24 -23
  13. package/package.json +2 -2
  14. package/types/components/fw-button/index.types.d.ts +1 -9
  15. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +5 -4
  16. package/types/components/fw-checkbox/index.types.d.ts +1 -1
  17. package/types/components/fw-input/fw-input.vue.d.ts +16 -4
  18. package/types/components/fw-input/index.types.d.ts +2 -5
package/cjs/index.js CHANGED
@@ -4653,10 +4653,10 @@ addToUnscopables$1('includes');var script$7 = vue.defineComponent({
4653
4653
  },
4654
4654
 
4655
4655
  /**
4656
- * Validation rules. Accepts a string, object, function or schema.
4656
+ * Validation rules. Accepts an object, string schema or validation function.
4657
4657
  */
4658
4658
  rules: {
4659
- type: [String, Object, Function]
4659
+ type: [Object, String, Function]
4660
4660
  },
4661
4661
 
4662
4662
  /**
@@ -4672,6 +4672,13 @@ addToUnscopables$1('includes');var script$7 = vue.defineComponent({
4672
4672
  */
4673
4673
  hint: {
4674
4674
  type: String
4675
+ },
4676
+
4677
+ /**
4678
+ * The autocomplete input attribute
4679
+ */
4680
+ autocomplete: {
4681
+ type: String
4675
4682
  }
4676
4683
  },
4677
4684
  setup: function setup(props, ctx) {
@@ -4733,7 +4740,7 @@ var _hoisted_7$3 = {
4733
4740
  key: 0,
4734
4741
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
4735
4742
  };
4736
- var _hoisted_8$3 = ["placeholder", "type", "readonly", "disabled"];
4743
+ var _hoisted_8$3 = ["placeholder", "type", "readonly", "disabled", "autocomplete"];
4737
4744
 
4738
4745
  var _hoisted_9$2 = /*#__PURE__*/vue.createElementVNode("svg", {
4739
4746
  fill: "currentColor",
@@ -4786,6 +4793,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
4786
4793
  type: _ctx.type,
4787
4794
  readonly: _ctx.readonly,
4788
4795
  disabled: _ctx.readonly,
4796
+ autocomplete: _ctx.autocomplete,
4789
4797
  "class": [{
4790
4798
  'pl-10': !!_ctx.$slots.prefix,
4791
4799
  'pr-20': !!_ctx.$slots.suffix
@@ -4861,10 +4869,10 @@ styleInject(css_248z$4);script$7.render = render$7;var script$6 = vue.defineComp
4861
4869
  },
4862
4870
 
4863
4871
  /**
4864
- * Validation rules. Accepts a string, object, function or schema.
4872
+ * Validation rules. Accepts an object, stringm schema or validation function.
4865
4873
  */
4866
4874
  rules: {
4867
- type: [String, Object, Function]
4875
+ type: [Object, String, Function]
4868
4876
  },
4869
4877
 
4870
4878
  /**
@@ -4875,7 +4883,7 @@ styleInject(css_248z$4);script$7.render = render$7;var script$6 = vue.defineComp
4875
4883
  }
4876
4884
  }
4877
4885
  });var _withScopeId$1 = function _withScopeId(n) {
4878
- return vue.pushScopeId("data-v-7153bd02"), n = n(), vue.popScopeId(), n;
4886
+ return vue.pushScopeId("data-v-7423717e"), n = n(), vue.popScopeId(), n;
4879
4887
  };
4880
4888
 
4881
4889
  var _hoisted_1$5 = {
@@ -4935,10 +4943,10 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
4935
4943
  }),
4936
4944
  _: 1
4937
4945
  }, 8, ["name", "value", "rules"])]);
4938
- }var css_248z$3 = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
4939
- var stylesheet$3 = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
4946
+ }var css_248z$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
4947
+ var stylesheet$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
4940
4948
  styleInject(css_248z$3);script$6.render = render$6;
4941
- script$6.__scopeId = "data-v-7153bd02";var script$5 = vue.defineComponent({
4949
+ script$6.__scopeId = "data-v-7423717e";var script$5 = vue.defineComponent({
4942
4950
  name: 'FwCard',
4943
4951
  props: {
4944
4952
  /**
@@ -5000,7 +5008,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
5000
5008
  to: _ctx.to ? _ctx.to : null,
5001
5009
  href: _ctx.href ? _ctx.href : null,
5002
5010
  tabindex: _ctx.to ? 0 : null,
5003
- "class": vue.normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? _ctx.linkClass : ''])
5011
+ "class": vue.normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : ''])
5004
5012
  }, {
5005
5013
  "default": vue.withCtx(function () {
5006
5014
  return [_ctx.title || _ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_1$4, [_ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(_ctx.prefixTitle), 1)) : vue.createCommentVNode("", true), _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)];
@@ -5092,7 +5100,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
5092
5100
  border: 'border-none focus-visible:ring-primary'
5093
5101
  },
5094
5102
  text: {
5095
- text: 'text-body hover:text-white active:text-white',
5103
+ text: 'text-body font-medium hover:text-white active:text-white',
5096
5104
  background: 'bg-white hover:bg-body active:bg-body',
5097
5105
  border: 'border-transparent focus-visible:ring-body'
5098
5106
  }
@@ -5247,7 +5255,7 @@ styleInject(css_248z$2);script$4.render = render$4;var script$3 = vue.defineComp
5247
5255
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
5248
5256
  };
5249
5257
  var _hoisted_2$2 = {
5250
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between"
5258
+ "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
5251
5259
  };
5252
5260
  var _hoisted_3$2 = {
5253
5261
  key: 0,
@@ -5255,7 +5263,7 @@ var _hoisted_3$2 = {
5255
5263
  };
5256
5264
  var _hoisted_4$1 = {
5257
5265
  key: 1,
5258
- "class": "container hidden sm:flex items-center justify-start max-w-[600px] sm:ml-6"
5266
+ "class": "container hidden sm:flex items-center justify-start sm:ml-6"
5259
5267
  };
5260
5268
  var _hoisted_5$1 = {
5261
5269
  "class": "flex space-x-2"
@@ -5289,7 +5297,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5289
5297
 
5290
5298
  var _component_FwButton = vue.resolveComponent("FwButton");
5291
5299
 
5292
- return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$3, [vue.createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.createElementVNode("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5300
+ return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$3, [vue.createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [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$1, [vue.createElementVNode("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
5293
5301
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
5294
5302
  key: i,
5295
5303
  variant: "text",
@@ -5330,9 +5338,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5330
5338
  name: "slideInLeft"
5331
5339
  }, {
5332
5340
  "default": vue.withCtx(function () {
5333
- var _ctx$menuItems2;
5334
-
5335
- return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
5341
+ return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
5336
5342
  key: 0,
5337
5343
  "class": vue.normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
5338
5344
  }, [vue.createElementVNode("div", _hoisted_11$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
@@ -5352,7 +5358,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5352
5358
  }, 1032, ["href", "to"]);
5353
5359
  }), 128))]), _ctx.actionLabel ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
5354
5360
  key: 0,
5355
- "class": "w-full rounded-md px-2",
5361
+ "class": "w-full rounded-md",
5356
5362
  onClick: _ctx.actionClicked
5357
5363
  }, {
5358
5364
  "default": vue.withCtx(function () {
@@ -6009,7 +6015,7 @@ function uniqueId(prefix) {
6009
6015
  };
6010
6016
  }
6011
6017
  });var _withScopeId = function _withScopeId(n) {
6012
- return vue.pushScopeId("data-v-8c26adc4"), n = n(), vue.popScopeId(), n;
6018
+ return vue.pushScopeId("data-v-003a6fba"), n = n(), vue.popScopeId(), n;
6013
6019
  };
6014
6020
 
6015
6021
  var _hoisted_1 = {
@@ -6049,9 +6055,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
6049
6055
  "default": vue.withCtx(function () {
6050
6056
  return [vue.createElementVNode("div", _hoisted_1, [vue.createElementVNode("div", _hoisted_2, [vue.createElementVNode("div", _hoisted_3, [vue.createElementVNode("div", {
6051
6057
  role: _ctx.role,
6058
+ "aria-modal": "true",
6052
6059
  "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
6053
- "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : null,
6054
- "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : null
6060
+ "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
6061
+ "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
6055
6062
  }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
6056
6063
  key: 1,
6057
6064
  id: "modal_".concat(_ctx.uuid, "_header")
@@ -6098,10 +6105,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
6098
6105
  }),
6099
6106
  _: 3
6100
6107
  });
6101
- }var css_248z = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
6102
- var stylesheet = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
6108
+ }var css_248z = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
6109
+ var stylesheet = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
6103
6110
  styleInject(css_248z);script.render = render;
6104
- script.__scopeId = "data-v-8c26adc4";// Form components
6111
+ script.__scopeId = "data-v-003a6fba";// Form components
6105
6112
  var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:script$7,FwCheckbox:script$6,FwCard:script$5,FwButton:script$4,FwNavigationMenu:script$3,FwTabs:script$2,FwTab:script$1,FwModal:script});function _defineProperty(obj, key, value) {
6106
6113
  if (key in obj) {
6107
6114
  Object.defineProperty(obj, key, {
@@ -6204,14 +6211,14 @@ $({ global: true, bind: true, forced: global$1.setTimeout !== setTimeout$1 }, {
6204
6211
  });var modalService = function modalService(options, element) {
6205
6212
  var elementToMount = document.createElement('div');
6206
6213
  elementToMount.id = uniqueId('fw-modal-app-');
6207
- var elAppend = element || document.body;
6214
+ var elAppend = element || document.querySelector('#app');
6208
6215
  var modalVNode = undefined;
6209
6216
 
6210
6217
  var open = function open() {
6211
6218
  var _modalVNode;
6212
6219
 
6213
6220
  modalVNode = vue.createApp(script, _objectSpread2({}, options));
6214
- elAppend.appendChild(elementToMount);
6221
+ elAppend === null || elAppend === void 0 ? void 0 : elAppend.appendChild(elementToMount);
6215
6222
  (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
6216
6223
  };
6217
6224
 
package/esm/{fw-button-bba6ac88.js → fw-button-ab906734.js} RENAMED
@@ -87,7 +87,7 @@ var script = defineComponent({
87
87
  border: 'border-none focus-visible:ring-primary'
88
88
  },
89
89
  text: {
90
- text: 'text-body hover:text-white active:text-white',
90
+ text: 'text-body font-medium hover:text-white active:text-white',
91
91
  background: 'bg-white hover:bg-body active:bg-body',
92
92
  border: 'border-transparent focus-visible:ring-body'
93
93
  }
package/esm/fw-button.js CHANGED
@@ -1,4 +1,4 @@
1
- export { s as FwButton } from './fw-button-bba6ac88.js';
1
+ export { s as FwButton } from './fw-button-ab906734.js';
2
2
  import './es.array.includes-debcb50f.js';
3
3
  import './function-name-f0c1223e.js';
4
4
  import './add-to-unscopables-81c17489.js';
package/esm/fw-card.js CHANGED
@@ -64,7 +64,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
64
64
  to: _ctx.to ? _ctx.to : null,
65
65
  href: _ctx.href ? _ctx.href : null,
66
66
  tabindex: _ctx.to ? 0 : null,
67
- "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? _ctx.linkClass : ''])
67
+ "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : ''])
68
68
  }, {
69
69
  "default": withCtx(function () {
70
70
  return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
package/esm/fw-checkbox.js CHANGED
@@ -26,10 +26,10 @@ var script = defineComponent({
26
26
  },
27
27
 
28
28
  /**
29
- * Validation rules. Accepts a string, object, function or schema.
29
+ * Validation rules. Accepts an object, stringm schema or validation function.
30
30
  */
31
31
  rules: {
32
- type: [String, Object, Function]
32
+ type: [Object, String, Function]
33
33
  },
34
34
 
35
35
  /**
@@ -42,7 +42,7 @@ var script = defineComponent({
42
42
  });
43
43
 
44
44
  var _withScopeId = function _withScopeId(n) {
45
- return pushScopeId("data-v-7153bd02"), n = n(), popScopeId(), n;
45
+ return pushScopeId("data-v-7423717e"), n = n(), popScopeId(), n;
46
46
  };
47
47
 
48
48
  var _hoisted_1 = {
@@ -104,11 +104,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
104
104
  }, 8, ["name", "value", "rules"])]);
105
105
  }
106
106
 
107
- var css_248z = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
108
- var stylesheet = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
107
+ var css_248z = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
108
+ var stylesheet = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
109
109
  styleInject(css_248z);
110
110
 
111
111
  script.render = render;
112
- script.__scopeId = "data-v-7153bd02";
112
+ script.__scopeId = "data-v-7423717e";
113
113
 
114
114
  export { script as FwCheckbox };
package/esm/fw-input.js CHANGED
@@ -56,10 +56,10 @@ var script = defineComponent({
56
56
  },
57
57
 
58
58
  /**
59
- * Validation rules. Accepts a string, object, function or schema.
59
+ * Validation rules. Accepts an object, string schema or validation function.
60
60
  */
61
61
  rules: {
62
- type: [String, Object, Function]
62
+ type: [Object, String, Function]
63
63
  },
64
64
 
65
65
  /**
@@ -75,6 +75,13 @@ var script = defineComponent({
75
75
  */
76
76
  hint: {
77
77
  type: String
78
+ },
79
+
80
+ /**
81
+ * The autocomplete input attribute
82
+ */
83
+ autocomplete: {
84
+ type: String
78
85
  }
79
86
  },
80
87
  setup: function setup(props, ctx) {
@@ -114,7 +121,7 @@ var _hoisted_7 = {
114
121
  key: 0,
115
122
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
116
123
  };
117
- var _hoisted_8 = ["placeholder", "type", "readonly", "disabled"];
124
+ var _hoisted_8 = ["placeholder", "type", "readonly", "disabled", "autocomplete"];
118
125
 
119
126
  var _hoisted_9 = /*#__PURE__*/createElementVNode("svg", {
120
127
  fill: "currentColor",
@@ -167,6 +174,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
167
174
  type: _ctx.type,
168
175
  readonly: _ctx.readonly,
169
176
  disabled: _ctx.readonly,
177
+ autocomplete: _ctx.autocomplete,
170
178
  "class": [{
171
179
  'pl-10': !!_ctx.$slots.prefix,
172
180
  'pr-20': !!_ctx.$slots.suffix
package/esm/fw-modal.js CHANGED
@@ -1,7 +1,7 @@
1
- export { s as FwModal } from './index-1813012f.js';
1
+ export { s as FwModal } from './index-963039a3.js';
2
2
  import './es.array.includes-debcb50f.js';
3
3
  import './function-name-f0c1223e.js';
4
4
  import './add-to-unscopables-81c17489.js';
5
5
  import 'vue';
6
- import './fw-button-bba6ac88.js';
6
+ import './fw-button-ab906734.js';
7
7
  import './style-inject.es-1f59c1d0.js';
package/esm/fw-navigation-menu.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
2
- import { s as script$1 } from './fw-button-bba6ac88.js';
2
+ import { s as script$1 } from './fw-button-ab906734.js';
3
3
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
4
4
  import './es.array.includes-debcb50f.js';
5
5
  import './function-name-f0c1223e.js';
@@ -54,7 +54,7 @@ var _hoisted_1 = {
54
54
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
55
55
  };
56
56
  var _hoisted_2 = {
57
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between"
57
+ "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
58
58
  };
59
59
  var _hoisted_3 = {
60
60
  key: 0,
@@ -62,7 +62,7 @@ var _hoisted_3 = {
62
62
  };
63
63
  var _hoisted_4 = {
64
64
  key: 1,
65
- "class": "container hidden sm:flex items-center justify-start max-w-[600px] sm:ml-6"
65
+ "class": "container hidden sm:flex items-center justify-start sm:ml-6"
66
66
  };
67
67
  var _hoisted_5 = {
68
68
  "class": "flex space-x-2"
@@ -96,7 +96,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
96
96
 
97
97
  var _component_FwButton = resolveComponent("FwButton");
98
98
 
99
- 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) === 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) {
99
+ 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) {
100
100
  return openBlock(), createBlock(_component_FwButton, {
101
101
  key: i,
102
102
  variant: "text",
@@ -137,9 +137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
137
137
  name: "slideInLeft"
138
138
  }, {
139
139
  "default": withCtx(function () {
140
- var _ctx$menuItems2;
141
-
142
- return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
140
+ return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
143
141
  key: 0,
144
142
  "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
145
143
  }, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
@@ -159,7 +157,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
159
157
  }, 1032, ["href", "to"]);
160
158
  }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
161
159
  key: 0,
162
- "class": "w-full rounded-md px-2",
160
+ "class": "w-full rounded-md",
163
161
  onClick: _ctx.actionClicked
164
162
  }, {
165
163
  "default": withCtx(function () {
package/esm/{index-1813012f.js → index-963039a3.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import './es.array.includes-debcb50f.js';
2
2
  import { defineComponent, pushScopeId, popScopeId, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
3
- import { s as script$1 } from './fw-button-bba6ac88.js';
3
+ import { s as script$1 } from './fw-button-ab906734.js';
4
4
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
5
5
 
6
6
  /** Detect free variable `global` from Node.js. */
@@ -373,7 +373,7 @@ var script = defineComponent({
373
373
  });
374
374
 
375
375
  var _withScopeId = function _withScopeId(n) {
376
- return pushScopeId("data-v-8c26adc4"), n = n(), popScopeId(), n;
376
+ return pushScopeId("data-v-003a6fba"), n = n(), popScopeId(), n;
377
377
  };
378
378
 
379
379
  var _hoisted_1 = {
@@ -413,9 +413,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
413
413
  "default": withCtx(function () {
414
414
  return [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
415
415
  role: _ctx.role,
416
+ "aria-modal": "true",
416
417
  "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
417
- "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : null,
418
- "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : null
418
+ "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
419
+ "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
419
420
  }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
420
421
  key: 1,
421
422
  id: "modal_".concat(_ctx.uuid, "_header")
@@ -464,11 +465,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
464
465
  });
465
466
  }
466
467
 
467
- var css_248z = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
468
- var stylesheet = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
468
+ var css_248z = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
469
+ var stylesheet = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
469
470
  styleInject(css_248z);
470
471
 
471
472
  script.render = render;
472
- script.__scopeId = "data-v-8c26adc4";
473
+ script.__scopeId = "data-v-003a6fba";
473
474
 
474
475
  export { script as s, uniqueId as u };
package/esm/index.js CHANGED
@@ -12,12 +12,12 @@ export { FwCard } from './fw-card.js';
12
12
  import './fw-button.js';
13
13
  import { FwNavigationMenu as script$4 } from './fw-navigation-menu.js';
14
14
  export { FwNavigationMenu } from './fw-navigation-menu.js';
15
- import { s as script$7, u as uniqueId } from './index-1813012f.js';
16
- export { s as FwModal } from './index-1813012f.js';
15
+ import { s as script$7, u as uniqueId } from './index-963039a3.js';
16
+ export { s as FwModal } from './index-963039a3.js';
17
17
  import { F as Form } from './vee-validate.esm-b64acab1.js';
18
18
  export { F as FwForm } from './vee-validate.esm-b64acab1.js';
19
- import { s as script$3 } from './fw-button-bba6ac88.js';
20
- export { s as FwButton } from './fw-button-bba6ac88.js';
19
+ import { s as script$3 } from './fw-button-ab906734.js';
20
+ export { s as FwButton } from './fw-button-ab906734.js';
21
21
  import { createApp } from 'vue';
22
22
  import './es.array.includes-debcb50f.js';
23
23
  import './es.function.name-e746680f.js';
@@ -401,14 +401,14 @@ $({ global: true, bind: true, forced: global.setTimeout !== setTimeout$1 }, {
401
401
  var modalService = function modalService(options, element) {
402
402
  var elementToMount = document.createElement('div');
403
403
  elementToMount.id = uniqueId('fw-modal-app-');
404
- var elAppend = element || document.body;
404
+ var elAppend = element || document.querySelector('#app');
405
405
  var modalVNode = undefined;
406
406
 
407
407
  var open = function open() {
408
408
  var _modalVNode;
409
409
 
410
410
  modalVNode = createApp(script$7, _objectSpread2({}, options));
411
- elAppend.appendChild(elementToMount);
411
+ elAppend === null || elAppend === void 0 ? void 0 : elAppend.appendChild(elementToMount);
412
412
  (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
413
413
  };
414
414
 
package/frollo-web-ui.esm.js CHANGED
@@ -4883,10 +4883,10 @@ var script$7 = defineComponent({
4883
4883
  },
4884
4884
 
4885
4885
  /**
4886
- * Validation rules. Accepts a string, object, function or schema.
4886
+ * Validation rules. Accepts an object, string schema or validation function.
4887
4887
  */
4888
4888
  rules: {
4889
- type: [String, Object, Function]
4889
+ type: [Object, String, Function]
4890
4890
  },
4891
4891
 
4892
4892
  /**
@@ -4902,6 +4902,13 @@ var script$7 = defineComponent({
4902
4902
  */
4903
4903
  hint: {
4904
4904
  type: String
4905
+ },
4906
+
4907
+ /**
4908
+ * The autocomplete input attribute
4909
+ */
4910
+ autocomplete: {
4911
+ type: String
4905
4912
  }
4906
4913
  },
4907
4914
  setup: function setup(props, ctx) {
@@ -4969,7 +4976,7 @@ var _hoisted_7$3 = {
4969
4976
  key: 0,
4970
4977
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
4971
4978
  };
4972
- var _hoisted_8$3 = ["placeholder", "type", "readonly", "disabled"];
4979
+ var _hoisted_8$3 = ["placeholder", "type", "readonly", "disabled", "autocomplete"];
4973
4980
 
4974
4981
  var _hoisted_9$2 = /*#__PURE__*/createElementVNode("svg", {
4975
4982
  fill: "currentColor",
@@ -5022,6 +5029,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
5022
5029
  type: _ctx.type,
5023
5030
  readonly: _ctx.readonly,
5024
5031
  disabled: _ctx.readonly,
5032
+ autocomplete: _ctx.autocomplete,
5025
5033
  "class": [{
5026
5034
  'pl-10': !!_ctx.$slots.prefix,
5027
5035
  'pr-20': !!_ctx.$slots.suffix
@@ -5105,10 +5113,10 @@ var script$6 = defineComponent({
5105
5113
  },
5106
5114
 
5107
5115
  /**
5108
- * Validation rules. Accepts a string, object, function or schema.
5116
+ * Validation rules. Accepts an object, stringm schema or validation function.
5109
5117
  */
5110
5118
  rules: {
5111
- type: [String, Object, Function]
5119
+ type: [Object, String, Function]
5112
5120
  },
5113
5121
 
5114
5122
  /**
@@ -5121,7 +5129,7 @@ var script$6 = defineComponent({
5121
5129
  });
5122
5130
 
5123
5131
  var _withScopeId$1 = function _withScopeId(n) {
5124
- return pushScopeId("data-v-7153bd02"), n = n(), popScopeId(), n;
5132
+ return pushScopeId("data-v-7423717e"), n = n(), popScopeId(), n;
5125
5133
  };
5126
5134
 
5127
5135
  var _hoisted_1$5 = {
@@ -5183,12 +5191,12 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
5183
5191
  }, 8, ["name", "value", "rules"])]);
5184
5192
  }
5185
5193
 
5186
- var css_248z$3 = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5187
- var stylesheet$3 = ".fwFadeIn-enter-active[data-v-7153bd02]{-webkit-animation:fwFadeIn-7153bd02 .35s;animation:fwFadeIn-7153bd02 .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7153bd02]{animation:fwFadeIn-7153bd02 .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7153bd02{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7153bd02]{color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7153bd02]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5194
+ var css_248z$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5195
+ var stylesheet$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5188
5196
  styleInject(css_248z$3);
5189
5197
 
5190
5198
  script$6.render = render$6;
5191
- script$6.__scopeId = "data-v-7153bd02";
5199
+ script$6.__scopeId = "data-v-7423717e";
5192
5200
 
5193
5201
  var script$5 = defineComponent({
5194
5202
  name: 'FwCard',
@@ -5254,7 +5262,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
5254
5262
  to: _ctx.to ? _ctx.to : null,
5255
5263
  href: _ctx.href ? _ctx.href : null,
5256
5264
  tabindex: _ctx.to ? 0 : null,
5257
- "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? _ctx.linkClass : ''])
5265
+ "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : ''])
5258
5266
  }, {
5259
5267
  "default": withCtx(function () {
5260
5268
  return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$4, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
@@ -5350,7 +5358,7 @@ var script$4 = defineComponent({
5350
5358
  border: 'border-none focus-visible:ring-primary'
5351
5359
  },
5352
5360
  text: {
5353
- text: 'text-body hover:text-white active:text-white',
5361
+ text: 'text-body font-medium hover:text-white active:text-white',
5354
5362
  background: 'bg-white hover:bg-body active:bg-body',
5355
5363
  border: 'border-transparent focus-visible:ring-body'
5356
5364
  }
@@ -5515,7 +5523,7 @@ var _hoisted_1$3 = {
5515
5523
  "class": "fw-nav-menu relative z-50 h-20 shadow-md"
5516
5524
  };
5517
5525
  var _hoisted_2$2 = {
5518
- "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between"
5526
+ "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
5519
5527
  };
5520
5528
  var _hoisted_3$2 = {
5521
5529
  key: 0,
@@ -5523,7 +5531,7 @@ var _hoisted_3$2 = {
5523
5531
  };
5524
5532
  var _hoisted_4$1 = {
5525
5533
  key: 1,
5526
- "class": "container hidden sm:flex items-center justify-start max-w-[600px] sm:ml-6"
5534
+ "class": "container hidden sm:flex items-center justify-start sm:ml-6"
5527
5535
  };
5528
5536
  var _hoisted_5$1 = {
5529
5537
  "class": "flex space-x-2"
@@ -5557,7 +5565,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5557
5565
 
5558
5566
  var _component_FwButton = resolveComponent("FwButton");
5559
5567
 
5560
- return openBlock(), createElementBlock("nav", _hoisted_1$3, [createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
5568
+ return openBlock(), createElementBlock("nav", _hoisted_1$3, [createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$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_4$1, [createElementVNode("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
5561
5569
  return openBlock(), createBlock(_component_FwButton, {
5562
5570
  key: i,
5563
5571
  variant: "text",
@@ -5598,9 +5606,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5598
5606
  name: "slideInLeft"
5599
5607
  }, {
5600
5608
  "default": withCtx(function () {
5601
- var _ctx$menuItems2;
5602
-
5603
- return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
5609
+ return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
5604
5610
  key: 0,
5605
5611
  "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
5606
5612
  }, [createElementVNode("div", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
@@ -5620,7 +5626,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
5620
5626
  }, 1032, ["href", "to"]);
5621
5627
  }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
5622
5628
  key: 0,
5623
- "class": "w-full rounded-md px-2",
5629
+ "class": "w-full rounded-md",
5624
5630
  onClick: _ctx.actionClicked
5625
5631
  }, {
5626
5632
  "default": withCtx(function () {
@@ -6345,7 +6351,7 @@ var script = defineComponent({
6345
6351
  });
6346
6352
 
6347
6353
  var _withScopeId = function _withScopeId(n) {
6348
- return pushScopeId("data-v-8c26adc4"), n = n(), popScopeId(), n;
6354
+ return pushScopeId("data-v-003a6fba"), n = n(), popScopeId(), n;
6349
6355
  };
6350
6356
 
6351
6357
  var _hoisted_1 = {
@@ -6385,9 +6391,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
6385
6391
  "default": withCtx(function () {
6386
6392
  return [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
6387
6393
  role: _ctx.role,
6394
+ "aria-modal": "true",
6388
6395
  "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
6389
- "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : null,
6390
- "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : null
6396
+ "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
6397
+ "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
6391
6398
  }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
6392
6399
  key: 1,
6393
6400
  id: "modal_".concat(_ctx.uuid, "_header")
@@ -6436,12 +6443,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
6436
6443
  });
6437
6444
  }
6438
6445
 
6439
- var css_248z = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
6440
- var stylesheet = ".modalFadeIn-enter-active[data-v-8c26adc4]{-webkit-animation:modalFadeIn-8c26adc4 .4s;animation:modalFadeIn-8c26adc4 .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-8c26adc4]{animation:modalFadeIn-8c26adc4 .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-8c26adc4{0%{opacity:0}to{opacity:1}}";
6446
+ var css_248z = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
6447
+ var stylesheet = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
6441
6448
  styleInject(css_248z);
6442
6449
 
6443
6450
  script.render = render;
6444
- script.__scopeId = "data-v-8c26adc4";
6451
+ script.__scopeId = "data-v-003a6fba";
6445
6452
 
6446
6453
  // Form components
6447
6454
 
@@ -6582,14 +6589,14 @@ $({ global: true, bind: true, forced: global$1.setTimeout !== setTimeout$1 }, {
6582
6589
  var modalService = function modalService(options, element) {
6583
6590
  var elementToMount = document.createElement('div');
6584
6591
  elementToMount.id = uniqueId('fw-modal-app-');
6585
- var elAppend = element || document.body;
6592
+ var elAppend = element || document.querySelector('#app');
6586
6593
  var modalVNode = undefined;
6587
6594
 
6588
6595
  var open = function open() {
6589
6596
  var _modalVNode;
6590
6597
 
6591
6598
  modalVNode = createApp(script, _objectSpread2({}, options));
6592
- elAppend.appendChild(elementToMount);
6599
+ elAppend === null || elAppend === void 0 ? void 0 : elAppend.appendChild(elementToMount);
6593
6600
  (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
6594
6601
  };
6595
6602
 
package/index.d.ts CHANGED
@@ -2,17 +2,14 @@ import * as vue from 'vue';
2
2
  import { PropType, Plugin } from 'vue';
3
3
  export { Form as FwForm } from 'vee-validate';
4
4
 
5
- declare enum FwInputType {
6
- text = "text",
7
- password = "password"
8
- }
5
+ declare type FwInputType = 'text' | 'password';
9
6
  declare interface FwInputProps {
10
7
  value: string;
11
8
  name: string;
12
9
  type?: FwInputType;
13
10
  label?: string;
14
11
  placeholder?: string;
15
- rules?: string | object | Function;
12
+ rules?: string | Record<string, unknown> | (() => boolean);
16
13
  readonly?: boolean;
17
14
  hint?: string;
18
15
  }
@@ -54,10 +51,10 @@ declare const _default$7: vue.DefineComponent<{
54
51
  default: string;
55
52
  };
56
53
  /**
57
- * Validation rules. Accepts a string, object, function or schema.
54
+ * Validation rules. Accepts an object, string schema or validation function.
58
55
  */
59
56
  rules: {
60
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
57
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
61
58
  };
62
59
  /**
63
60
  * Converts the input into a readonly disabled field
@@ -72,6 +69,12 @@ declare const _default$7: vue.DefineComponent<{
72
69
  hint: {
73
70
  type: StringConstructor;
74
71
  };
72
+ /**
73
+ * The autocomplete input attribute
74
+ */
75
+ autocomplete: {
76
+ type: StringConstructor;
77
+ };
75
78
  }, {
76
79
  inputBaseClass: vue.Ref<string>;
77
80
  inputValue: vue.WritableComputedRef<string>;
@@ -112,10 +115,10 @@ declare const _default$7: vue.DefineComponent<{
112
115
  default: string;
113
116
  };
114
117
  /**
115
- * Validation rules. Accepts a string, object, function or schema.
118
+ * Validation rules. Accepts an object, string schema or validation function.
116
119
  */
117
120
  rules: {
118
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
121
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
119
122
  };
120
123
  /**
121
124
  * Converts the input into a readonly disabled field
@@ -130,6 +133,12 @@ declare const _default$7: vue.DefineComponent<{
130
133
  hint: {
131
134
  type: StringConstructor;
132
135
  };
136
+ /**
137
+ * The autocomplete input attribute
138
+ */
139
+ autocomplete: {
140
+ type: StringConstructor;
141
+ };
133
142
  }>> & {
134
143
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
135
144
  }, {
@@ -154,10 +163,10 @@ declare const _default$6: vue.DefineComponent<{
154
163
  type: StringConstructor;
155
164
  };
156
165
  /**
157
- * Validation rules. Accepts a string, object, function or schema.
166
+ * Validation rules. Accepts an object, stringm schema or validation function.
158
167
  */
159
168
  rules: {
160
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
169
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
161
170
  };
162
171
  /**
163
172
  * The hint text shown below the input
@@ -180,10 +189,10 @@ declare const _default$6: vue.DefineComponent<{
180
189
  type: StringConstructor;
181
190
  };
182
191
  /**
183
- * Validation rules. Accepts a string, object, function or schema.
192
+ * Validation rules. Accepts an object, stringm schema or validation function.
184
193
  */
185
194
  rules: {
186
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
195
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
187
196
  };
188
197
  /**
189
198
  * The hint text shown below the input
@@ -244,15 +253,7 @@ declare const _default$5: vue.DefineComponent<{
244
253
  href: StringConstructor;
245
254
  }>>, {}>;
246
255
 
247
- declare enum ButtonVariantName {
248
- primary = "primary",
249
- secondary = "secondary",
250
- tertiary = "tertiary",
251
- error = "error",
252
- success = "success",
253
- text = "text",
254
- link = "link"
255
- }
256
+ declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
256
257
  declare interface ButtonDefinition {
257
258
  text: string;
258
259
  background: string;
@@ -636,7 +637,7 @@ declare interface FwCardProps {
636
637
  declare interface FwCheckboxProps {
637
638
  name: string;
638
639
  label?: string;
639
- rules?: string | object | Function;
640
+ rules?: string | Record<string, unknown> | (() => boolean);
640
641
  hint?: string;
641
642
  }
642
643
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "0.1.1",
3
+ "version": "0.2.1",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",
@@ -57,7 +57,7 @@
57
57
  "@vue/eslint-config-typescript": "^10.0.0",
58
58
  "@vue/test-utils": "^2.0.0-rc.17",
59
59
  "@vue/vue3-jest": "^28.0.0",
60
- "autoprefixer": "^10.4.2",
60
+ "autoprefixer": "^10.4.7",
61
61
  "babel-core": "^7.0.0-bridge.0",
62
62
  "babel-jest": "^28.1.1",
63
63
  "babel-loader": "^8.2.5",
package/types/components/fw-button/index.types.d.ts CHANGED
@@ -1,12 +1,4 @@
1
- export declare enum ButtonVariantName {
2
- primary = "primary",
3
- secondary = "secondary",
4
- tertiary = "tertiary",
5
- error = "error",
6
- success = "success",
7
- text = "text",
8
- link = "link"
9
- }
1
+ export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
10
2
  export declare interface ButtonDefinition {
11
3
  text: string;
12
4
  background: string;
package/types/components/fw-checkbox/fw-checkbox.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue';
1
2
  declare const _default: import("vue").DefineComponent<{
2
3
  /**
3
4
  * The name of the input field. Must be unique per form.
@@ -13,10 +14,10 @@ declare const _default: import("vue").DefineComponent<{
13
14
  type: StringConstructor;
14
15
  };
15
16
  /**
16
- * Validation rules. Accepts a string, object, function or schema.
17
+ * Validation rules. Accepts an object, stringm schema or validation function.
17
18
  */
18
19
  rules: {
19
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
20
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
20
21
  };
21
22
  /**
22
23
  * The hint text shown below the input
@@ -39,10 +40,10 @@ declare const _default: import("vue").DefineComponent<{
39
40
  type: StringConstructor;
40
41
  };
41
42
  /**
42
- * Validation rules. Accepts a string, object, function or schema.
43
+ * Validation rules. Accepts an object, stringm schema or validation function.
43
44
  */
44
45
  rules: {
45
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
46
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
46
47
  };
47
48
  /**
48
49
  * The hint text shown below the input
package/types/components/fw-checkbox/index.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare interface FwCheckboxProps {
2
2
  name: string;
3
3
  label?: string;
4
- rules?: string | object | Function;
4
+ rules?: string | Record<string, unknown> | (() => boolean);
5
5
  hint?: string;
6
6
  }
package/types/components/fw-input/fw-input.vue.d.ts CHANGED
@@ -37,10 +37,10 @@ declare const _default: import("vue").DefineComponent<{
37
37
  default: string;
38
38
  };
39
39
  /**
40
- * Validation rules. Accepts a string, object, function or schema.
40
+ * Validation rules. Accepts an object, string schema or validation function.
41
41
  */
42
42
  rules: {
43
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
43
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
44
44
  };
45
45
  /**
46
46
  * Converts the input into a readonly disabled field
@@ -55,6 +55,12 @@ declare const _default: import("vue").DefineComponent<{
55
55
  hint: {
56
56
  type: StringConstructor;
57
57
  };
58
+ /**
59
+ * The autocomplete input attribute
60
+ */
61
+ autocomplete: {
62
+ type: StringConstructor;
63
+ };
58
64
  }, {
59
65
  inputBaseClass: import("vue").Ref<string>;
60
66
  inputValue: import("vue").WritableComputedRef<string>;
@@ -95,10 +101,10 @@ declare const _default: import("vue").DefineComponent<{
95
101
  default: string;
96
102
  };
97
103
  /**
98
- * Validation rules. Accepts a string, object, function or schema.
104
+ * Validation rules. Accepts an object, string schema or validation function.
99
105
  */
100
106
  rules: {
101
- type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
107
+ type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
102
108
  };
103
109
  /**
104
110
  * Converts the input into a readonly disabled field
@@ -113,6 +119,12 @@ declare const _default: import("vue").DefineComponent<{
113
119
  hint: {
114
120
  type: StringConstructor;
115
121
  };
122
+ /**
123
+ * The autocomplete input attribute
124
+ */
125
+ autocomplete: {
126
+ type: StringConstructor;
127
+ };
116
128
  }>> & {
117
129
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
118
130
  }, {
package/types/components/fw-input/index.types.d.ts CHANGED
@@ -1,14 +1,11 @@
1
- export declare enum FwInputType {
2
- text = "text",
3
- password = "password"
4
- }
1
+ export declare type FwInputType = 'text' | 'password';
5
2
  export declare interface FwInputProps {
6
3
  value: string;
7
4
  name: string;
8
5
  type?: FwInputType;
9
6
  label?: string;
10
7
  placeholder?: string;
11
- rules?: string | object | Function;
8
+ rules?: string | Record<string, unknown> | (() => boolean);
12
9
  readonly?: boolean;
13
10
  hint?: string;
14
11
  }