@frollo/frollo-web-ui 0.0.19 → 0.0.22

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 (41) hide show
  1. package/cjs/index.js +629 -126
  2. package/esm/{add-to-unscopables-874257d1.js → add-to-unscopables-c6a09beb.js} +1 -1
  3. package/esm/{es.array.includes-ef2f18f4.js → es.array.includes-1b7043c3.js} +2 -2
  4. package/esm/{es.function.name-43e1ffbd.js → es.function.name-f416c9da.js} +1 -1
  5. package/esm/{function-name-a620492a.js → function-name-982253be.js} +1 -1
  6. package/esm/{fw-button-fee2541f.js → fw-button-0826e6fc.js} +4 -4
  7. package/esm/fw-button.js +4 -4
  8. package/esm/fw-card.js +1 -1
  9. package/esm/fw-checkbox.js +2 -2
  10. package/esm/fw-input.js +4 -4
  11. package/esm/fw-modal.js +475 -0
  12. package/esm/fw-navigation-menu.js +7 -8
  13. package/esm/fw-tabs.js +3 -3
  14. package/esm/{index-5430e7a3.js → index-9de6159f.js} +2 -2
  15. package/esm/index.js +88 -16
  16. package/frollo-web-ui.esm.js +682 -138
  17. package/index.d.ts +213 -27
  18. package/package.json +4 -2
  19. package/styles/tailwind.scss +58 -0
  20. package/styles/transitions.scss +20 -0
  21. package/styles/typography.scss +38 -0
  22. package/tailwind.config.js +7 -4
  23. package/types/components/fw-button/fw-button.vue.d.ts +1 -21
  24. package/types/components/fw-button/index.types.d.ts +29 -0
  25. package/types/components/fw-card/index.types.d.ts +6 -0
  26. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +0 -6
  27. package/types/components/fw-checkbox/index.types.d.ts +6 -0
  28. package/types/components/fw-input/fw-input.vue.d.ts +4 -14
  29. package/types/components/fw-input/index.types.d.ts +14 -0
  30. package/types/components/fw-modal/fw-modal.vue.d.ts +145 -0
  31. package/types/components/fw-modal/index.d.ts +2 -0
  32. package/types/components/fw-modal/index.types.d.ts +12 -0
  33. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +1 -5
  34. package/types/components/fw-navigation-menu/index.types.d.ts +5 -0
  35. package/types/components/index.d.ts +1 -0
  36. package/types/components/index.types.d.ts +6 -0
  37. package/types/index-types.esm.d.ts +2 -7
  38. package/types/index.d.ts +1 -0
  39. package/types/index.esm.d.ts +2 -1
  40. package/types/services/index.d.ts +1 -0
  41. package/types/services/modal.d.ts +9 -0
package/esm/index.js CHANGED
@@ -1,24 +1,18 @@
1
- import { f as fails$1, d as documentCreateElement$1, g as global$1, a as descriptors, b as functionUncurryThis } from './function-name-a620492a.js';
2
- import { _ as _export, r as redefine$1, c as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, a as objectPropertyIsEnumerable } from './add-to-unscopables-874257d1.js';
3
- import { a as arrayIteration, t as toStringTagSupport, c as classof$1, s as script$5, b as script$6 } from './index-5430e7a3.js';
4
- export { b as FwTab, s as FwTabs } from './index-5430e7a3.js';
1
+ import { f as fails$1, d as documentCreateElement$1, g as global$1, a as descriptors, b as functionUncurryThis } from './function-name-982253be.js';
2
+ import { _ as _export, r as redefine$1, c as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, a as objectPropertyIsEnumerable } from './add-to-unscopables-c6a09beb.js';
3
+ import { a as arrayIteration, t as toStringTagSupport, c as classof$1, s as script$5, b as script$6 } from './index-9de6159f.js';
5
4
  import './fw-form.js';
6
5
  import { FwInput as script } from './fw-input.js';
7
- export { FwInput } from './fw-input.js';
8
6
  import { FwCheckbox as script$1 } from './fw-checkbox.js';
9
- export { FwCheckbox } from './fw-checkbox.js';
10
7
  import { FwCard as script$2 } from './fw-card.js';
11
- export { FwCard } from './fw-card.js';
12
8
  import './fw-button.js';
13
9
  import { FwNavigationMenu as script$4 } from './fw-navigation-menu.js';
14
- export { FwNavigationMenu } from './fw-navigation-menu.js';
10
+ import { FwModal as script$7 } from './fw-modal.js';
15
11
  import { F as Form } from './vee-validate.esm-028c6424.js';
16
- export { F as FwForm } from './vee-validate.esm-028c6424.js';
17
- import { s as script$3 } from './fw-button-fee2541f.js';
18
- export { s as FwButton } from './fw-button-fee2541f.js';
19
- import 'vue';
20
- import './es.array.includes-ef2f18f4.js';
21
- import './es.function.name-43e1ffbd.js';
12
+ import { s as script$3 } from './fw-button-0826e6fc.js';
13
+ import { getCurrentInstance, createVNode, render, onUnmounted } from 'vue';
14
+ import './es.array.includes-1b7043c3.js';
15
+ import './es.function.name-f416c9da.js';
22
16
  import './style-inject.es-1f59c1d0.js';
23
17
 
24
18
  function _arrayWithHoles(arr) {
@@ -271,9 +265,87 @@ var components = /*#__PURE__*/Object.freeze({
271
265
  FwButton: script$3,
272
266
  FwNavigationMenu: script$4,
273
267
  FwTabs: script$5,
274
- FwTab: script$6
268
+ FwTab: script$6,
269
+ FwModal: script$7
275
270
  });
276
271
 
272
+ function _defineProperty(obj, key, value) {
273
+ if (key in obj) {
274
+ Object.defineProperty(obj, key, {
275
+ value: value,
276
+ enumerable: true,
277
+ configurable: true,
278
+ writable: true
279
+ });
280
+ } else {
281
+ obj[key] = value;
282
+ }
283
+
284
+ return obj;
285
+ }
286
+
287
+ function ownKeys(object, enumerableOnly) {
288
+ var keys = Object.keys(object);
289
+
290
+ if (Object.getOwnPropertySymbols) {
291
+ var symbols = Object.getOwnPropertySymbols(object);
292
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
293
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
294
+ })), keys.push.apply(keys, symbols);
295
+ }
296
+
297
+ return keys;
298
+ }
299
+
300
+ function _objectSpread2(target) {
301
+ for (var i = 1; i < arguments.length; i++) {
302
+ var source = null != arguments[i] ? arguments[i] : {};
303
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
304
+ _defineProperty(target, key, source[key]);
305
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
306
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
307
+ });
308
+ }
309
+
310
+ return target;
311
+ }
312
+
313
+ var modalService = function modalService(options, element) {
314
+ var _getCurrentInstance;
315
+
316
+ var elementToMount = document.createElement('div');
317
+ var modalVNode = null;
318
+ var appContext = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.appContext;
319
+ var elAppend = element || document.body;
320
+
321
+ var open = function open() {
322
+ modalVNode = createVNode(script$7, _objectSpread2(_objectSpread2({}, options), {}, {
323
+ "class": 'modalFadeIn-enter-active'
324
+ }));
325
+ modalVNode.appContext = appContext ? appContext : null;
326
+ render(modalVNode, elementToMount);
327
+ elAppend.appendChild(elementToMount);
328
+ };
329
+
330
+ var close = function close() {
331
+ render(null, elementToMount);
332
+
333
+ if (elementToMount) {
334
+ elementToMount.remove();
335
+ }
336
+
337
+ modalVNode = null;
338
+ };
339
+
340
+ onUnmounted(function () {
341
+ close();
342
+ });
343
+ return {
344
+ open: open,
345
+ close: close
346
+ };
347
+ };
348
+
277
349
  var install = function install(app) {
278
350
  Object.entries(components).forEach(function (_ref) {
279
351
  var _ref2 = _slicedToArray(_ref, 2),
@@ -284,4 +356,4 @@ var install = function install(app) {
284
356
  });
285
357
  };
286
358
 
287
- export { install as default };
359
+ export { components as Components, install as default, modalService };