@tarojs/components 3.6.0-canary.1 → 3.6.0-canary.11

package/dist/components/taro-label-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLabelCore extends Components.TaroLabelCore, HTMLElement {}
+export const TaroLabelCore: {
+  prototype: TaroLabelCore;
+  new (): TaroLabelCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-label-core.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.for = undefined;
+  }
+  render() {
+    return (h("label", { htmlFor: this.for }, h("slot", null)));
+  }
+}, [4, "taro-label-core", {
+    "for": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-label-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-label-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Label);
+      }
+      break;
+  } });
+}
+
+const TaroLabelCore = Label;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLabelCore, defineCustomElement };
+
+//# sourceMappingURL=taro-label-core.js.map

package/dist/components/taro-label-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-label-core.js","mappings":";;MAKa,KAAK;;;;;;EAGhB,MAAM;IACJ,QACE,aAAO,OAAO,EAAE,IAAI,CAAC,GAAG,IACtB,eAAQ,CACF,EACT;GACF;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/label/label.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop } from '@stencil/core'\n\n@Component({\n  tag: 'taro-label-core'\n})\nexport class Label implements ComponentInterface {\n  @Prop() for: string\n\n  render () {\n    return (\n      <label htmlFor={this.for}>\n        <slot />\n      </label>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-lifestyle-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLifestyleCore extends Components.TaroLifestyleCore, HTMLElement {}
+export const TaroLifestyleCore: {
+  prototype: TaroLifestyleCore;
+  new (): TaroLifestyleCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-lifestyle-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Lifestyle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Lifestyle', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-lifestyle-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-lifestyle-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-lifestyle-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Lifestyle);
+      }
+      break;
+  } });
+}
+
+const TaroLifestyleCore = Lifestyle;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLifestyleCore, defineCustomElement };
+
+//# sourceMappingURL=taro-lifestyle-core.js.map

package/dist/components/taro-lifestyle-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-lifestyle-core.js","mappings":";;;MAOa,SAAS;;;;;EACpB,gBAAgB;IACd,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;GAC9B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/lifestyle/lifestyle.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-lifestyle-core'\n})\nexport class Lifestyle implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Lifestyle', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-like-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLikeCore extends Components.TaroLikeCore, HTMLElement {}
+export const TaroLikeCore: {
+  prototype: TaroLikeCore;
+  new (): TaroLikeCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-like-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Like = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Like', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-like-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-like-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-like-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Like);
+      }
+      break;
+  } });
+}
+
+const TaroLikeCore = Like;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLikeCore, defineCustomElement };
+
+//# sourceMappingURL=taro-like-core.js.map

package/dist/components/taro-like-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-like-core.js","mappings":";;;MAOa,IAAI;;;;;EACf,gBAAgB;IACd,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;GACzB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/like/like.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-like-core'\n})\nexport class Like implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Like', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-live-player-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLivePlayerCore extends Components.TaroLivePlayerCore, HTMLElement {}
+export const TaroLivePlayerCore: {
+  prototype: TaroLivePlayerCore;
+  new (): TaroLivePlayerCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-live-player-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const LivePlayer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('LivePlayer', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-live-player-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-live-player-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-live-player-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LivePlayer);
+      }
+      break;
+  } });
+}
+
+const TaroLivePlayerCore = LivePlayer;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLivePlayerCore, defineCustomElement };
+
+//# sourceMappingURL=taro-live-player-core.js.map

package/dist/components/taro-live-player-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-live-player-core.js","mappings":";;;MAOa,UAAU;;;;;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;GAC/B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/live-player/live-player.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-live-player-core'\n})\nexport class LivePlayer implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePlayer', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-live-pusher-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLivePusherCore extends Components.TaroLivePusherCore, HTMLElement {}
+export const TaroLivePusherCore: {
+  prototype: TaroLivePusherCore;
+  new (): TaroLivePusherCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-live-pusher-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const LivePusher = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('LivePusher', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-live-pusher-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-live-pusher-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-live-pusher-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LivePusher);
+      }
+      break;
+  } });
+}
+
+const TaroLivePusherCore = LivePusher;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLivePusherCore, defineCustomElement };
+
+//# sourceMappingURL=taro-live-pusher-core.js.map

package/dist/components/taro-live-pusher-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-live-pusher-core.js","mappings":";;;MAOa,UAAU;;;;;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;GAC/B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/live-pusher/live-pusher.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-live-pusher-core'\n})\nexport class LivePusher implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePusher', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-login-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLoginCore extends Components.TaroLoginCore, HTMLElement {}
+export const TaroLoginCore: {
+  prototype: TaroLoginCore;
+  new (): TaroLoginCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-login-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Login = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Login', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-login-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-login-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-login-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Login);
+      }
+      break;
+  } });
+}
+
+const TaroLoginCore = Login;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLoginCore, defineCustomElement };
+
+//# sourceMappingURL=taro-login-core.js.map

package/dist/components/taro-login-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-login-core.js","mappings":";;;MAOa,KAAK;;;;;EAChB,gBAAgB;IACd,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;GAC1B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/login/login.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-login-core'\n})\nexport class Login implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Login', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-lottie-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroLottieCore extends Components.TaroLottieCore, HTMLElement {}
+export const TaroLottieCore: {
+  prototype: TaroLottieCore;
+  new (): TaroLottieCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-lottie-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Lottie = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Lottie', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-lottie-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-lottie-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-lottie-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Lottie);
+      }
+      break;
+  } });
+}
+
+const TaroLottieCore = Lottie;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroLottieCore, defineCustomElement };
+
+//# sourceMappingURL=taro-lottie-core.js.map

package/dist/components/taro-lottie-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-lottie-core.js","mappings":";;;MAOa,MAAM;;;;;EACjB,gBAAgB;IACd,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;GAC3B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/lottie/lottie.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-lottie-core'\n})\nexport class Lottie implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Lottie', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-map-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroMapCore extends Components.TaroMapCore, HTMLElement {}
+export const TaroMapCore: {
+  prototype: TaroMapCore;
+  new (): TaroMapCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-map-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Map = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Map', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-map-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-map-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-map-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Map);
+      }
+      break;
+  } });
+}
+
+const TaroMapCore = Map;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroMapCore, defineCustomElement };
+
+//# sourceMappingURL=taro-map-core.js.map

package/dist/components/taro-map-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-map-core.js","mappings":";;;MAOa,GAAG;;;;;EACd,gBAAgB;IACd,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;GACxB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/map/map.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-map-core'\n})\nexport class Map implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Map', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-match-media-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroMatchMediaCore extends Components.TaroMatchMediaCore, HTMLElement {}
+export const TaroMatchMediaCore: {
+  prototype: TaroMatchMediaCore;
+  new (): TaroMatchMediaCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-match-media-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const MatchMedia = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('MatchMedia', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-match-media-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-match-media-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-match-media-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MatchMedia);
+      }
+      break;
+  } });
+}
+
+const TaroMatchMediaCore = MatchMedia;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroMatchMediaCore, defineCustomElement };
+
+//# sourceMappingURL=taro-match-media-core.js.map

package/dist/components/taro-match-media-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-match-media-core.js","mappings":";;;MAOa,UAAU;;;;;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;GAC/B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/match-media/match-media.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-match-media-core'\n})\nexport class MatchMedia implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('MatchMedia', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-movable-area-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroMovableAreaCore extends Components.TaroMovableAreaCore, HTMLElement {}
+export const TaroMovableAreaCore: {
+  prototype: TaroMovableAreaCore;
+  new (): TaroMovableAreaCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-movable-area-core.js

@@ -0,0 +1,175 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const areaCss = "taro-movable-area-core{display:block;position:relative;width:10px;height:10px}";
+
+const MovableArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /** 子元素集合 */
+    this.views = [];
+    /** 手势缩放 */
+    this.scaleLength = 0;
+    this.viewsChanged = () => {
+      this.views = [];
+      const elements = this.element.querySelectorAll('taro-movable-view-core');
+      Array.from(elements).forEach((element) => {
+        this.views.push(element);
+      });
+      this.updateArea();
+    };
+    this.handleTouchStart = (e) => {
+      const touches = e.touches;
+      if (!touches || touches.length <= 1) {
+        return;
+      }
+      const gap = {
+        width: touches[1].pageX - touches[0].pageX,
+        height: touches[1].pageY - touches[0].pageY
+      };
+      this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height);
+      if (this.scaleArea) {
+        return;
+      }
+      const find = (target, views) => {
+        const loop = (e, t) => {
+          if (!(e = e.parentNode)) {
+            return false;
+          }
+          return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t));
+        };
+        for (let i = 0; i < views.length; i++) {
+          const view = views[i];
+          if (target === view["element"] || loop(target, view)) {
+            return view;
+          }
+        }
+      };
+      const touch1 = find(touches[0].target, this.views);
+      const touch2 = find(touches[1].target, this.views);
+      this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined;
+    };
+    this.handleTouchMove = (e) => {
+      const touches = e.touches;
+      if (!touches || touches.length <= 1) {
+        return;
+      }
+      e.preventDefault();
+      const gap = {
+        width: touches[1].pageX - touches[0].pageX,
+        height: touches[1].pageY - touches[0].pageY
+      };
+      if (this.scaleLength > 0) {
+        this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength);
+      }
+    };
+    this.handleTouchEnd = (e) => {
+      var _a, _b;
+      if ((e.touches && e.touches.length) || !e.changedTouches) {
+        return;
+      }
+      this.scaleLength = 0;
+      if (this.scaleArea) {
+        this.views.forEach((element) => {
+          var _a;
+          (_a = element["endScale"]) === null || _a === void 0 ? void 0 : _a.call(element);
+        });
+      }
+      else {
+        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["endScale"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      }
+      this.scaleTarget = undefined;
+    };
+    this.updateScale = (scale) => {
+      var _a, _b;
+      if (!scale || scale === 1) {
+        return;
+      }
+      if (this.scaleArea) {
+        this.views.forEach((element) => {
+          var _a;
+          (_a = element["setScale"]) === null || _a === void 0 ? void 0 : _a.call(element, scale);
+        });
+      }
+      else {
+        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["setScale"]) === null || _b === void 0 ? void 0 : _b.call(_a, scale);
+      }
+    };
+    this.updateArea = () => {
+      const computedStyle = window.getComputedStyle(this.element);
+      const clientRect = this.element.getBoundingClientRect();
+      const horizontal = ["Left", "Right"].map((e) => {
+        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
+      });
+      const vertical = ["Top", "Bottom"].map((e) => {
+        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
+      });
+      this.views.forEach((element) => {
+        var _a;
+        (_a = element["setParent"]) === null || _a === void 0 ? void 0 : _a.call(element, {
+          element: this.element,
+          area: {
+            height: clientRect.height - vertical[0] - vertical[1],
+            width: clientRect.width - horizontal[0] - horizontal[1]
+          }
+        });
+      });
+    };
+    this.scaleArea = undefined;
+  }
+  connectedCallback() {
+    this.observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        var _a, _b;
+        if (mutation.attributeName === "class" || mutation.attributeName === "style") {
+          const offsetWidth = this.element.offsetWidth;
+          const offsetHeight = this.element.offsetHeight;
+          if (offsetWidth !== ((_a = this.offset) === null || _a === void 0 ? void 0 : _a.width) || offsetHeight !== ((_b = this.offset) === null || _b === void 0 ? void 0 : _b.height)) {
+            this.updateArea();
+          }
+          this.offset = {
+            width: offsetWidth,
+            height: offsetHeight
+          };
+        }
+      });
+    });
+    this.observer.observe(this.element, {
+      attributes: true
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  componentDidLoad() {
+    this.viewsChanged();
+  }
+  render() {
+    return (h(Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
+  }
+  get element() { return this; }
+  static get style() { return areaCss; }
+}, [0, "taro-movable-area-core", {
+    "scaleArea": [4, "scale-area"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-movable-area-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-movable-area-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MovableArea);
+      }
+      break;
+  } });
+}
+
+const TaroMovableAreaCore = MovableArea;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroMovableAreaCore, defineCustomElement };
+
+//# sourceMappingURL=taro-movable-area-core.js.map