@frollo/frollo-web-ui 9.0.14 → 9.0.15

package/esm/fw-loading-bar-CMt4O4Ys.js

@@ -0,0 +1,37 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle } from 'vue';
+import { u as useColours } from './get-root-colours-DCCAnRF4.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var script = defineComponent({
+  name: 'FwLoadingBar',
+  setup: function setup() {
+    var _useColours = useColours(),
+      primaryFade10 = _useColours.primaryFade10,
+      primaryFade20 = _useColours.primaryFade20;
+    var barVars = computed(function () {
+      return {
+        '--fw-bar-light': primaryFade10,
+        '--fw-bar-dark': primaryFade20
+      };
+    });
+    return {
+      barVars: barVars
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    "class": "fw-loading-bar rounded",
+    "aria-hidden": "true",
+    style: normalizeStyle(_ctx.barVars)
+  }, null, 4);
+}
+
+var css_248z = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
+var stylesheet = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as s };

package/esm/fw-loading.js

@@ -1,4 +1,4 @@
-import { s as script$3 } from './fw-loading-bar-CPzE92BH.js';
+import { s as script$3 } from './fw-loading-bar-CMt4O4Ys.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, computed, normalizeClass, Fragment, renderList, normalizeStyle, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';

package/esm/fw-media-picker.js

@@ -1,11 +1,11 @@
-export { s as FwMediaPicker } from './index-BDOYAgsu.js';
-import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+export { s as FwMediaPicker } from './index-vXNG2AyR.js';
+import './_rollupPluginBabelHelpers-BLtav7L4.js';
 import 'vue';
 import './index-BdZ_WcnP.js';
 import './fw-modal.js';
-import './fw-button-DKiBN2Lc.js';
+import './fw-button-CeUZjl-m.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-image-WvgrN2xD.js';
-import './fw-loading-bar-CPzE92BH.js';
+import './fw-image-DSZYmjep.js';
+import './fw-loading-bar-CMt4O4Ys.js';
 import './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';

package/esm/fw-modal.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, onMounted, useCssVars, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, createTextVNode, renderSlot, toDisplayString, vShow } from 'vue';
-import { s as script } from './fw-button-DKiBN2Lc.js';
-import { _ as __default__$1 } from './fw-image-WvgrN2xD.js';
+import { s as script } from './fw-button-CeUZjl-m.js';
+import { _ as __default__$1 } from './fw-image-DSZYmjep.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { d as render$1 } from './index-BdZ_WcnP.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-CPzE92BH.js';
+import './_rollupPluginBabelHelpers-BLtav7L4.js';
+import './fw-loading-bar-CMt4O4Ys.js';
 
 var __default__ = defineComponent({
   name: 'FwModal',
@@ -164,7 +164,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "e9189174": _ctx.modalBgColour
+      "fe9bda52": _ctx.modalBgColour
     };
   });
 };
@@ -179,7 +179,7 @@ var _hoisted_2 = {
   "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full"
 };
 var _hoisted_3 = {
-  "class": "fw-modal--wrapper overflow-auto flex justify-center items-center h-full"
+  "class": "fw-modal--wrapper overflow-hidden flex justify-center items-center h-full"
 };
 var _hoisted_4 = ["role", "aria-labelledby", "aria-describedby"];
 var _hoisted_5 = {
@@ -211,7 +211,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
         role: _ctx.role,
         "aria-modal": "true",
-        "class": normalizeClass([[_ctx.containerClass && !_ctx.bannerUrl ? _ctx.containerClass : '', _ctx.padding && !_ctx.bannerUrl ? 'inline-block p-8 md:p-12' : 'flex flex-col md:flex-row', _ctx.bannerUrl ? 'max-w-[800px]' : 'max-w-[750px]'], "fw-modal--container m-8 w-full bg-brand-appBg rounded-lg shadow relative max-h-screen"]),
+        "class": normalizeClass([[_ctx.containerClass && !_ctx.bannerUrl ? _ctx.containerClass : '', _ctx.padding && !_ctx.bannerUrl ? 'inline-block p-8 md:p-12' : 'flex flex-col md:flex-row', _ctx.bannerUrl ? 'max-w-[800px]' : 'max-w-[750px]'], "fw-modal--container m-8 w-full bg-brand-appBg rounded-lg shadow relative max-h-screen overflow-y-auto"]),
         "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
         "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
       }, [_ctx.bannerUrl ? (openBlock(), createElementBlock("div", {
@@ -300,8 +300,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : createCommentVNode("", true);
 }
 
-var css_248z = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
-var stylesheet = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
+var css_248z = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--fe9bda52);will-change:opacity}";
+var stylesheet = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--fe9bda52);will-change:opacity}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-navigation-menu.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, shallowRef, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-DKiBN2Lc.js';
-import { _ as __default__ } from './fw-popover-BFiv7Ich.js';
+import { s as script$1 } from './fw-button-CeUZjl-m.js';
+import { _ as __default__ } from './fw-popover-Dv8DodUb.js';
 import { k as render$1 } from './index-BdZ_WcnP.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+import './_rollupPluginBabelHelpers-BLtav7L4.js';
 import './index-BVcOAKar.js';
 
 var script = defineComponent({

package/esm/{fw-popover-BFiv7Ich.js → fw-popover-Dv8DodUb.js}

@@ -1,4 +1,4 @@
-import { c as _asyncToGenerator, d as _regeneratorRuntime, e as _defineProperty } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+import { c as _asyncToGenerator, d as _regenerator, e as _defineProperty } from './_rollupPluginBabelHelpers-BLtav7L4.js';
 import { defineComponent, ref, computed, nextTick, watch, onBeforeUnmount, onMounted, useCssVars, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, withDirectives, createTextVNode, toDisplayString, createCommentVNode, vShow } from 'vue';
 import { c as createPopper } from './index-BVcOAKar.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
@@ -104,19 +104,19 @@ var __default__ = defineComponent({
       }
     };
     var ensurePopper = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
               if (!(popper.value || !targetElement.value || !contentElement.value)) {
-                _context.next = 2;
+                _context.n = 1;
                 break;
               }
-              return _context.abrupt("return");
-            case 2:
-              _context.next = 4;
+              return _context.a(2);
+            case 1:
+              _context.n = 2;
               return nextTick();
-            case 4:
+            case 2:
               // ensure content is in DOM (esp. with Transition/Teleport)
               popper.value = createPopper(targetElement.value, contentElement.value, {
                 placement: props.placement,
@@ -133,9 +133,8 @@ var __default__ = defineComponent({
                   }
                 }]
               });
-            case 5:
-            case "end":
-              return _context.stop();
+            case 3:
+              return _context.a(2);
           }
         }, _callee);
       }));
@@ -156,23 +155,22 @@ var __default__ = defineComponent({
       });
     };
     var open = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
               clearHideTimer();
               if (!(props.trigger === 'hover' || props.trigger === 'focus' || props.trigger === 'click')) {
-                _context2.next = 6;
+                _context2.n = 2;
                 break;
               }
               visible.value = true;
-              _context2.next = 5;
+              _context2.n = 1;
               return ensurePopper();
-            case 5:
+            case 1:
               scheduleUpdate();
-            case 6:
-            case "end":
-              return _context2.stop();
+            case 2:
+              return _context2.a(2);
           }
         }, _callee2);
       }));

package/esm/fw-popover.js

@@ -1,5 +1,5 @@
-export { _ as FwPopover } from './fw-popover-BFiv7Ich.js';
-import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+export { _ as FwPopover } from './fw-popover-Dv8DodUb.js';
+import './_rollupPluginBabelHelpers-BLtav7L4.js';
 import 'vue';
 import './index-BVcOAKar.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-provider-list.js

@@ -1,18 +1,18 @@
-import { f as _createForOfIteratorHelper, e as _defineProperty, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+import { f as _createForOfIteratorHelper, e as _defineProperty, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BLtav7L4.js';
 import { ref, watch, defineComponent, shallowRef, computed, useCssVars, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { a as script, s as script$1, _ as __default__$4 } from './fw-table-row-Dxzao2a-.js';
+import { a as script, s as script$1, _ as __default__$4 } from './fw-table-row-CLb3Xliv.js';
 import { _ as __default__$3 } from './fw-input-HqJer3qu.js';
 import { FwTag as __default__$1 } from './fw-tag.js';
-import { s as script$2 } from './fw-button-DKiBN2Lc.js';
-import { _ as __default__$2 } from './fw-dropdown-uz0ktInj.js';
+import { s as script$2 } from './fw-button-CeUZjl-m.js';
+import { _ as __default__$2 } from './fw-dropdown-Cn-AOd9J.js';
 import { l as render$1, m as render$2, n as render$3 } from './index-BdZ_WcnP.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './fw-button.js';
 import './fw-loading.js';
-import './fw-loading-bar-CPzE92BH.js';
+import './fw-loading-bar-CMt4O4Ys.js';
 import './vee-validate-0dtT5GSQ.js';
-import './fw-image-WvgrN2xD.js';
+import './fw-image-DSZYmjep.js';
 
 // tiny debounce helper (no deps)
 var useDebouncedRef = function useDebouncedRef(initial) {

package/esm/fw-sidebar-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-DKiBN2Lc.js';
+import { s as script$1 } from './fw-button-CeUZjl-m.js';
 import { o as render$1 } from './index-BdZ_WcnP.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 

package/esm/{fw-table-row-Dxzao2a-.js → fw-table-row-CLb3Xliv.js}

@@ -3,8 +3,8 @@ import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';
 import { o as render$3, p as render$4, q as render$5, s as render$6 } from './index-BdZ_WcnP.js';
 import './fw-loading.js';
-import { s as script$2 } from './fw-button-DKiBN2Lc.js';
-import { s as script$3 } from './fw-loading-bar-CPzE92BH.js';
+import { s as script$2 } from './fw-button-CeUZjl-m.js';
+import { s as script$3 } from './fw-loading-bar-CMt4O4Ys.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-table.js

@@ -1,9 +1,9 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-Dxzao2a-.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-CLb3Xliv.js';
 import 'vue';
 import './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';
-import './fw-button-DKiBN2Lc.js';
+import './fw-button-CeUZjl-m.js';
 import './index-BdZ_WcnP.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './fw-loading.js';
-import './fw-loading-bar-CPzE92BH.js';
+import './fw-loading-bar-CMt4O4Ys.js';

package/esm/fw-tabs.js

@@ -1,5 +1,5 @@
 import { defineComponent, shallowReactive, shallowRef, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, inject, getCurrentInstance, ref, onMounted, onBeforeUnmount, createBlock, Transition, withDirectives, vShow } from 'vue';
-import { s as script$2 } from './fw-button-DKiBN2Lc.js';
+import { s as script$2 } from './fw-button-CeUZjl-m.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './index-BdZ_WcnP.js';
 

package/esm/fw-tag.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock
 import './fw-button.js';
 import { d as render$1 } from './index-BdZ_WcnP.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { s as script } from './fw-button-DKiBN2Lc.js';
+import { s as script } from './fw-button-CeUZjl-m.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var TAG_CLASSES = {

package/esm/fw-transactions-card.js

@@ -1,10 +1,10 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
 import { _ as __default__$1 } from './fw-card-DJXjRPUR.js';
-import { _ as __default__ } from './fw-image-WvgrN2xD.js';
+import { _ as __default__ } from './fw-image-DSZYmjep.js';
 import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-CPzE92BH.js';
+import './_rollupPluginBabelHelpers-BLtav7L4.js';
+import './fw-loading-bar-CMt4O4Ys.js';
 import './index-BdZ_WcnP.js';
 
 var script = defineComponent({

package/esm/{index-BDOYAgsu.js → index-vXNG2AyR.js}

@@ -1,10 +1,10 @@
-import { c as _asyncToGenerator, d as _regeneratorRuntime, a as _slicedToArray, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+import { c as _asyncToGenerator, d as _regenerator, a as _slicedToArray, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BLtav7L4.js';
 import { h, render as render$1, defineComponent, ref, shallowRef, onBeforeUnmount, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, toDisplayString, withCtx, withModifiers, normalizeClass, createTextVNode, createCommentVNode } from 'vue';
 import { e as render$2, f as render$3, g as render$4, h as render$5, i as render$6, j as render$7 } from './index-BdZ_WcnP.js';
 import { FwModal as __default__ } from './fw-modal.js';
 import './fw-button.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { s as script$1 } from './fw-button-DKiBN2Lc.js';
+import { s as script$1 } from './fw-button-CeUZjl-m.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var getVueComponentHtml = function getVueComponentHtml(component, props) {
@@ -145,58 +145,57 @@ var script = defineComponent({
     watch(function () {
       return props.imageUrl;
     }, /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(url) {
-        var _bitmap$value2, _bitmap$value2$close, myToken, res, blob, mimeType, file;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(url) {
+        var _bitmap$value2, _bitmap$value2$close, myToken, res, blob, mimeType, file, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
             case 0:
               if (url) {
-                _context.next = 5;
+                _context.n = 1;
                 break;
               }
               setFile(null);
               (_bitmap$value2 = bitmap.value) === null || _bitmap$value2 === void 0 || (_bitmap$value2$close = _bitmap$value2.close) === null || _bitmap$value2$close === void 0 || _bitmap$value2$close.call(_bitmap$value2);
               bitmap.value = null;
-              return _context.abrupt("return");
-            case 5:
+              return _context.a(2);
+            case 1:
               myToken = ++fetchToken;
               loading.value = true;
-              _context.prev = 7;
-              _context.next = 10;
+              _context.p = 2;
+              _context.n = 3;
               return fetch(url);
-            case 10:
-              res = _context.sent;
-              _context.next = 13;
+            case 3:
+              res = _context.v;
+              _context.n = 4;
               return res.blob();
-            case 13:
-              blob = _context.sent;
+            case 4:
+              blob = _context.v;
               mimeType = res.headers.get('Content-Type') || blob.type;
               file = new File([blob], 'image', {
                 type: mimeType
               });
               if (!(myToken !== fetchToken)) {
-                _context.next = 18;
+                _context.n = 5;
                 break;
               }
-              return _context.abrupt("return");
-            case 18:
+              return _context.a(2);
+            case 5:
               // stale fetch
               setFile(file);
-              _context.next = 24;
+              _context.n = 7;
               break;
-            case 21:
-              _context.prev = 21;
-              _context.t0 = _context["catch"](7);
-              console.error('Error fetching image:', _context.t0);
-            case 24:
-              _context.prev = 24;
+            case 6:
+              _context.p = 6;
+              _t = _context.v;
+              console.error('Error fetching image:', _t);
+            case 7:
+              _context.p = 7;
               if (myToken === fetchToken) loading.value = false;
-              return _context.finish(24);
-            case 27:
-            case "end":
-              return _context.stop();
+              return _context.f(7);
+            case 8:
+              return _context.a(2);
           }
-        }, _callee, null, [[7, 21, 24, 27]]);
+        }, _callee, null, [[2, 6, 7, 8]]);
       }));
       return function (_x) {
         return _ref2.apply(this, arguments);
@@ -207,46 +206,45 @@ var script = defineComponent({
     // Decode bitmap once per file
     var decodeToken = 0;
     watch(selectedFile, /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(file) {
         var _bitmap$value3, _bitmap$value3$close;
-        var myToken, bm, _bm$close;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        var myToken, bm, _bm$close, _t2;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
               (_bitmap$value3 = bitmap.value) === null || _bitmap$value3 === void 0 || (_bitmap$value3$close = _bitmap$value3.close) === null || _bitmap$value3$close === void 0 || _bitmap$value3$close.call(_bitmap$value3);
               bitmap.value = null;
               if (file) {
-                _context2.next = 4;
+                _context2.n = 1;
                 break;
               }
-              return _context2.abrupt("return");
-            case 4:
+              return _context2.a(2);
+            case 1:
               myToken = ++decodeToken;
-              _context2.prev = 5;
-              _context2.next = 8;
+              _context2.p = 2;
+              _context2.n = 3;
               return createImageBitmap(file);
-            case 8:
-              bm = _context2.sent;
+            case 3:
+              bm = _context2.v;
               if (!(myToken !== decodeToken)) {
-                _context2.next = 12;
+                _context2.n = 4;
                 break;
               }
               (_bm$close = bm.close) === null || _bm$close === void 0 || _bm$close.call(bm);
-              return _context2.abrupt("return");
-            case 12:
+              return _context2.a(2);
+            case 4:
               bitmap.value = bm;
               if (isEditMediaModalOpen.value) scheduleDraw();
-              _context2.next = 19;
+              _context2.n = 6;
               break;
-            case 16:
-              _context2.prev = 16;
-              _context2.t0 = _context2["catch"](5);
-              console.error('Error decoding bitmap:', _context2.t0);
-            case 19:
-            case "end":
-              return _context2.stop();
+            case 5:
+              _context2.p = 5;
+              _t2 = _context2.v;
+              console.error('Error decoding bitmap:', _t2);
+            case 6:
+              return _context2.a(2);
           }
-        }, _callee2, null, [[5, 16]]);
+        }, _callee2, null, [[2, 5]]);
       }));
       return function (_x2) {
         return _ref3.apply(this, arguments);
@@ -296,22 +294,21 @@ var script = defineComponent({
     var scheduleDraw = function scheduleDraw() {
       var save = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       if (rafId != null) return;
-      rafId = requestAnimationFrame(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      rafId = requestAnimationFrame(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
             case 0:
               rafId = null;
-              _context3.next = 3;
+              _context3.n = 1;
               return drawImageOnCanvas(save);
-            case 3:
-            case "end":
-              return _context3.stop();
+            case 1:
+              return _context3.a(2);
           }
         }, _callee3);
       })));
     };
     var drawImageOnCanvas = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
         var save,
           canvas,
           bm,
@@ -330,25 +327,25 @@ var script = defineComponent({
           cx,
           cy,
           _args4 = arguments;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
             case 0:
               save = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : false;
               canvas = editorCanvas.value;
               bm = bitmap.value;
               if (!(!canvas || !bm)) {
-                _context4.next = 5;
+                _context4.n = 1;
                 break;
               }
-              return _context4.abrupt("return");
-            case 5:
+              return _context4.a(2);
+            case 1:
               ctx = canvas.getContext('2d');
               if (ctx) {
-                _context4.next = 8;
+                _context4.n = 2;
                 break;
               }
-              return _context4.abrupt("return");
-            case 8:
+              return _context4.a(2);
+            case 2:
               imgW = bm.width, imgH = bm.height;
               cW = canvas.width, cH = canvas.height;
               ctx.clearRect(0, 0, cW, cH);
@@ -374,9 +371,8 @@ var script = defineComponent({
                   ctx.fillRect(cx, cy, squareSize, squareSize);
                 }
               }
-            case 14:
-            case "end":
-              return _context4.stop();
+            case 3:
+              return _context4.a(2);
           }
         }, _callee4);
       }));
@@ -480,21 +476,21 @@ var script = defineComponent({
       scheduleDraw();
     };
     var save = /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
         var canvas;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.n) {
             case 0:
               canvas = editorCanvas.value;
               if (canvas) {
-                _context5.next = 3;
+                _context5.n = 1;
                 break;
               }
-              return _context5.abrupt("return");
-            case 3:
-              _context5.next = 5;
+              return _context5.a(2);
+            case 1:
+              _context5.n = 2;
               return drawImageOnCanvas(true);
-            case 5:
+            case 2:
               canvas.toBlob(function (blob) {
                 if (!blob) return;
                 var file = new File([blob], 'edited-image.png', {
@@ -505,9 +501,8 @@ var script = defineComponent({
                 isEditMediaModalOpen.value = false;
                 clearEdits();
               }, 'image/png');
-            case 6:
-            case "end":
-              return _context5.stop();
+            case 3:
+              return _context5.a(2);
           }
         }, _callee5);
       }));