unika-components 1.0.149 → 1.0.151

package/dist/src/components/UniMap/UniMap.vue.d.ts

@@ -1,37 +1,13 @@
+export declare const defaultStyles: string[];
 declare const _default: import("vue").DefineComponent<{
-    mapHtml: {
-        type: StringConstructor;
-        default: string;
-    };
-    mapUrl: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
-    openMap: () => void;
-    iframeHtml: import("vue").ComputedRef<string>;
+    iframeHtml: import("vue").ComputedRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    mapHtml: {
-        type: StringConstructor;
-        default: string;
-    };
-    mapUrl: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }>>, {
-    mapHtml: string;
-    mapUrl: string;
-    isEditing: boolean;
+    [x: string]: any;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -279,9 +279,11 @@ export declare const mapDefaultProps: {
     top: string;
     width: string;
     height: string;
+    position: string;
     transform: string;
     mapHtml: string;
-    mapUrl: string;
+    url: string;
+    actionType: string;
 };
 export declare const callDefaultProps: {
     left: string;
@@ -303,6 +305,7 @@ export declare const callDefaultProps: {
     fontSize: string;
     opacity: number;
     actionType: string;
+    transform: string;
 };
 export declare const buttonDefaultProps: {
     position: string;
@@ -597,9 +600,11 @@ export declare const componentsDefaultProps: {
             top: string;
             width: string;
             height: string;
+            position: string;
             transform: string;
             mapHtml: string;
-            mapUrl: string;
+            url: string;
+            actionType: string;
         };
     };
     'uni-call': {
@@ -623,6 +628,7 @@ export declare const componentsDefaultProps: {
             fontSize: string;
             opacity: number;
             actionType: string;
+            transform: string;
         };
     };
     'uni-like': {

package/dist/unika-components.css

@@ -1,19 +1,3 @@
-
-.uni-image-component {
-  max-width: 100%;
-}
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
 
   .uni-video-component {
     position: relative;
@@ -48,6 +32,18 @@ button.uni-text-component {
   color: #666
 }
 
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -120,11 +116,10 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
+
+.uni-image-component {
+  max-width: 100%;
+}
 
 .like-button {
   display: flex;
@@ -148,20 +143,6 @@ body, html {
   color: #333;
 }
 
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -196,6 +177,25 @@ body, html {
   margin-bottom: 0px;
   vertical-align: top;
 }
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-warp {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -5106,9 +5106,11 @@ const mapDefaultProps = {
     top: '147px',
     width: '320px',
     height: '340px',
+    position: 'absolute',
     transform: 'rotate(0deg)',
     mapHtml: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
-    mapUrl: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
+    url: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8',
+    actionType: 'to'
 };
 const callDefaultProps = {
     left: '127px',
@@ -5129,7 +5131,8 @@ const callDefaultProps = {
     callText: '一键拨号',
     fontSize: '16px',
     opacity: 1,
-    actionType: 'tel'
+    actionType: 'tel',
+    transform: 'rotate(0deg)'
 };
 const buttonDefaultProps = {
     position: 'absolute',
@@ -5299,9 +5302,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$7 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$8 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-const useStylePick = (props, pickStyles = defaultStyles$7) => {
+const useStylePick = (props, pickStyles = defaultStyles$8) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -13143,7 +13146,7 @@ script$f.install = (app) => {
 };
 
 const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles$6 = Object.keys(backgroundDefaultProps);
+const defaultStyles$7 = Object.keys(backgroundDefaultProps);
 // array that contains style props
 var script$e = defineComponent({
     name: 'uni-background',
@@ -13151,7 +13154,7 @@ var script$e = defineComponent({
         ...defaultProps$b
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles$6);
+        const styleProps = useStylePick(props, defaultStyles$7);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -16030,7 +16033,7 @@ script$c.__scopeId = "data-v-ef842ea2";
 script$c.__file = "src/components/UniCalendar/Calendar.vue";
 
 const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-const defaultStyles$5 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+const defaultStyles$6 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
 // 获取当前日期和时间
 const now$2 = new Date();
 // 添加一天
@@ -16051,7 +16054,7 @@ var script$b = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$5);
+        const styleProps = useStylePick(props, defaultStyles$6);
         const handleClick = useComponentClick(props);
         const dataList = ref([
             { date: '2028-01-31', value: '' }
@@ -22241,7 +22244,7 @@ script$a.__scopeId = "data-v-47d33153";
 script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
 const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-const defaultStyles$4 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+const defaultStyles$5 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
 // 获取当前日期和时间
 const now = new Date();
 // 添加一天
@@ -22265,7 +22268,7 @@ var script$9 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$4);
+        const styleProps = useStylePick(props, defaultStyles$5);
         const handleClick = useComponentClick(props);
         const labelSize = computed(() => {
             if (props.size == 'middle') {
@@ -22350,44 +22353,43 @@ script$9.install = (app) => {
 };
 
 const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
+const defaultStyles$4 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
 // array that contains style props
 var script$8 = defineComponent({
     name: 'uni-map',
     props: {
         ...defaultProps$7,
-        mapHtml: {
-            type: String,
-            default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
-        },
-        mapUrl: {
-            type: String,
-            default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
-        },
-        isEditing: {
-            type: Boolean,
-            default: false
-        }
+        // mapHtml: {
+        //   type: String,
+        //   default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
+        // },
+        // mapUrl: {
+        //   type: String,
+        //   default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
+        // },
+        // isEditing: {
+        //   type: Boolean,
+        //   default: false
+        // }
     },
     components: {},
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props);
+        const styleProps = useStylePick(props, defaultStyles$4);
         const handleClick = useComponentClick(props);
-        const openMap = () => {
-            // 替换为要拨打的电话号码
-            // 使用电话链接打电话
-            if (!props.isEditing) {
-                window.location.href = props.mapUrl;
-            }
-        };
+        // const openMap = () => {
+        //   // 替换为要拨打的电话号码
+        //   // 使用电话链接打电话
+        //   window.location.href = props.mapUrl
+        // }
         const iframeHtml = computed(() => {
             return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
         });
         return {
             styleProps,
             handleClick,
-            openMap,
+            // openMap,
             iframeHtml
         };
     }
@@ -22397,13 +22399,11 @@ const _hoisted_1$4 = ["innerHTML"];
 
 function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
-    style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'})
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+    style: normalizeStyle$1(_ctx.styleProps),
+    class: "uni-map-component"
   }, [
-    createElementVNode("div", {
-      innerHTML: _ctx.iframeHtml,
-      class: "uni-map-component",
-      onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
-    }, null, 8 /* PROPS */, _hoisted_1$4)
+    createElementVNode("div", { innerHTML: _ctx.iframeHtml }, null, 8 /* PROPS */, _hoisted_1$4)
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -5113,9 +5113,11 @@
       top: '147px',
       width: '320px',
       height: '340px',
+      position: 'absolute',
       transform: 'rotate(0deg)',
       mapHtml: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
-      mapUrl: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
+      url: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8',
+      actionType: 'to'
   };
   const callDefaultProps = {
       left: '127px',
@@ -5136,7 +5138,8 @@
       callText: '一键拨号',
       fontSize: '16px',
       opacity: 1,
-      actionType: 'tel'
+      actionType: 'tel',
+      transform: 'rotate(0deg)'
   };
   const buttonDefaultProps = {
       position: 'absolute',
@@ -5306,9 +5309,9 @@
       }
   };
 
-  const defaultStyles$7 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$8 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-  const useStylePick = (props, pickStyles = defaultStyles$7) => {
+  const useStylePick = (props, pickStyles = defaultStyles$8) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -13150,7 +13153,7 @@
   };
 
   const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles$6 = Object.keys(backgroundDefaultProps);
+  const defaultStyles$7 = Object.keys(backgroundDefaultProps);
   // array that contains style props
   var script$e = vue.defineComponent({
       name: 'uni-background',
@@ -13158,7 +13161,7 @@
           ...defaultProps$b
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles$6);
+          const styleProps = useStylePick(props, defaultStyles$7);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -16037,7 +16040,7 @@
   script$c.__file = "src/components/UniCalendar/Calendar.vue";
 
   const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-  const defaultStyles$5 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+  const defaultStyles$6 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
   // 获取当前日期和时间
   const now$2 = new Date();
   // 添加一天
@@ -16058,7 +16061,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$5);
+          const styleProps = useStylePick(props, defaultStyles$6);
           const handleClick = useComponentClick(props);
           const dataList = vue.ref([
               { date: '2028-01-31', value: '' }
@@ -22248,7 +22251,7 @@
   script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
   const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-  const defaultStyles$4 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+  const defaultStyles$5 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
   // 获取当前日期和时间
   const now = new Date();
   // 添加一天
@@ -22272,7 +22275,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$4);
+          const styleProps = useStylePick(props, defaultStyles$5);
           const handleClick = useComponentClick(props);
           const labelSize = vue.computed(() => {
               if (props.size == 'middle') {
@@ -22357,44 +22360,43 @@
   };
 
   const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
+  const defaultStyles$4 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
   // array that contains style props
   var script$8 = vue.defineComponent({
       name: 'uni-map',
       props: {
           ...defaultProps$7,
-          mapHtml: {
-              type: String,
-              default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
-          },
-          mapUrl: {
-              type: String,
-              default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
-          },
-          isEditing: {
-              type: Boolean,
-              default: false
-          }
+          // mapHtml: {
+          //   type: String,
+          //   default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
+          // },
+          // mapUrl: {
+          //   type: String,
+          //   default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
+          // },
+          // isEditing: {
+          //   type: Boolean,
+          //   default: false
+          // }
       },
       components: {},
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props);
+          const styleProps = useStylePick(props, defaultStyles$4);
           const handleClick = useComponentClick(props);
-          const openMap = () => {
-              // 替换为要拨打的电话号码
-              // 使用电话链接打电话
-              if (!props.isEditing) {
-                  window.location.href = props.mapUrl;
-              }
-          };
+          // const openMap = () => {
+          //   // 替换为要拨打的电话号码
+          //   // 使用电话链接打电话
+          //   window.location.href = props.mapUrl
+          // }
           const iframeHtml = vue.computed(() => {
               return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
           });
           return {
               styleProps,
               handleClick,
-              openMap,
+              // openMap,
               iframeHtml
           };
       }
@@ -22404,13 +22406,11 @@
 
   function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
-      style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'})
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+      style: vue.normalizeStyle(_ctx.styleProps),
+      class: "uni-map-component"
     }, [
-      vue.createElementVNode("div", {
-        innerHTML: _ctx.iframeHtml,
-        class: "uni-map-component",
-        onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
-      }, null, 8 /* PROPS */, _hoisted_1$4)
+      vue.createElementVNode("div", { innerHTML: _ctx.iframeHtml }, null, 8 /* PROPS */, _hoisted_1$4)
     ], 4 /* STYLE */))
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.149",
+  "version": "1.0.151",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",