@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/esm/fw-transactions-card.js

@@ -0,0 +1,115 @@
+import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
+import { s as script$1 } from './fw-card-1b6a67fe.js';
+import { s as script$2 } from './fw-image-4727ac61.js';
+import './es.array.includes-91be7771.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './es.number.constructor-1249bd78.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
+import './es.array.find-dfa1f42f.js';
+import './array-iteration-107f927f.js';
+import './array-species-create-a5f5503b.js';
+import './es.string.iterator-284b31d4.js';
+import './create-property-534611fd.js';
+import './web.timers-0f117224.js';
+import './function-apply-ce251590.js';
+import './array-method-is-strict-055b1830.js';
+import './fw-loading-bar-f5ca605c.js';
+import './style-inject.es-1f59c1d0.js';
+import './index-4605e00e.js';
+import './check-94a5917a.js';
+
+var script = defineComponent({
+  name: 'FwTransactionsCard',
+  components: {
+    FwCard: script$1,
+    FwImage: script$2
+  },
+  props: {
+    /**
+     * The transaction title of the card
+     */
+    title: {
+      type: String
+    },
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+      type: String,
+      required: false
+    },
+    /**
+     * The transaction amount.
+     */
+    amount: {
+      type: String,
+      required: false
+    },
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+      type: String,
+      required: false
+    }
+  }
+});
+
+var _hoisted_1 = /*#__PURE__*/createElementVNode("div", {
+  "class": "absolute top-0 left-0 w-full h-full rounded-lg bg-primary opacity-5 pointer-events-none"
+}, null, -1);
+var _hoisted_2 = {
+  "class": "flex flex-row w-full items-center py-3 px-4"
+};
+var _hoisted_3 = {
+  "class": "flex flex-col w-full flex-1 ml-2"
+};
+var _hoisted_4 = {
+  "class": "flex flex-row justify-between gap-x-2 items-center w-full"
+};
+var _hoisted_5 = {
+  "class": "text-left"
+};
+var _hoisted_6 = {
+  "class": "text-p2 font-semibold mb-0"
+};
+var _hoisted_7 = ["innerHTML"];
+var _hoisted_8 = {
+  key: 0,
+  "class": "text-right"
+};
+var _hoisted_9 = {
+  "class": "text-p2 font-semibold mb-0"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwImage = resolveComponent("FwImage");
+  var _component_FwCard = resolveComponent("FwCard");
+  return openBlock(), createBlock(_component_FwCard, {
+    "class": "relative rounded-lg shadow",
+    "slot-padding": false
+  }, {
+    "default": withCtx(function () {
+      return [_hoisted_1, createElementVNode("div", _hoisted_2, [_ctx.imageUrl ? (openBlock(), createBlock(_component_FwImage, {
+        key: 0,
+        src: _ctx.imageUrl,
+        type: "background",
+        rounded: true,
+        "class": "w-9 h-9"
+      }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("p", _hoisted_6, toDisplayString(_ctx.title), 1), _ctx.subTitle ? (openBlock(), createElementBlock("p", {
+        key: 0,
+        innerHTML: _ctx.subTitle,
+        "class": "text-p-small text-grey-base mb-0"
+      }, null, 8, _hoisted_7)) : createCommentVNode("", true)]), _ctx.amount ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("p", _hoisted_9, toDisplayString(_ctx.amount), 1)])) : createCommentVNode("", true)])])])];
+    }),
+    _: 1
+  });
+}
+
+script.render = render;
+
+export { script as FwTransactionsCard };