@easemate/web-kit 0.1.3 → 0.1.5

package/build/elements/icons/animation/chevron.js

@@ -1,6 +1,6 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Prop } from '~/decorators/Prop';
+import { Component } from '../../../decorators/Component';
+import { Prop } from '../../../decorators/Prop';
 @Component({
     tag: 'ease-icon-chevron',
     styles: `

package/build/elements/icons/animation/clear.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconClear = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-clear',
     styles: `

package/build/elements/icons/animation/clear.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-clear',
     styles: `

package/build/elements/icons/animation/grid.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGrid = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
-const Prop_1 = require("~/decorators/Prop");
+const Component_1 = require("../../../decorators/Component");
+const Prop_1 = require("../../../decorators/Prop");
 @(0, Component_1.Component)({
     tag: 'ease-icon-grid',
     styles: `

package/build/elements/icons/animation/grid.js

@@ -1,6 +1,6 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Prop } from '~/decorators/Prop';
+import { Component } from '../../../decorators/Component';
+import { Prop } from '../../../decorators/Prop';
 @Component({
     tag: 'ease-icon-grid',
     styles: `

package/build/elements/icons/animation/loading.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-loading',
     styles: `

package/build/elements/icons/animation/loading.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-loading',
     styles: `

package/build/elements/icons/animation/snap.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Snap = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
-const Prop_1 = require("~/decorators/Prop");
+const Component_1 = require("../../../decorators/Component");
+const Prop_1 = require("../../../decorators/Prop");
 @(0, Component_1.Component)({
     tag: 'ease-icon-snap',
     styles: `

package/build/elements/icons/animation/snap.js

@@ -1,6 +1,6 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Prop } from '~/decorators/Prop';
+import { Component } from '../../../decorators/Component';
+import { Prop } from '../../../decorators/Prop';
 @Component({
     tag: 'ease-icon-snap',
     styles: `

package/build/elements/icons/interface/anchor-add.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAnchorAdd = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-anchor-add',
     styles: `

package/build/elements/icons/interface/anchor-add.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-anchor-add',
     styles: `

package/build/elements/icons/interface/anchor-remove.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAnchorRemove = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-anchor-remove',
     styles: `

package/build/elements/icons/interface/anchor-remove.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-anchor-remove',
     styles: `

package/build/elements/icons/interface/arrow-up.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowUp = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-arrow-up',
     styles: `

package/build/elements/icons/interface/arrow-up.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-arrow-up',
     styles: `

package/build/elements/icons/interface/arrows-vertical.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowsVertical = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-arrows-vertical',
     styles: `

package/build/elements/icons/interface/arrows-vertical.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-arrows-vertical',
     styles: `

package/build/elements/icons/interface/bezier-angle.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBezierAngle = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-bezier-angle',
     styles: `

package/build/elements/icons/interface/bezier-angle.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-bezier-angle',
     styles: `

package/build/elements/icons/interface/bezier-distribute.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBezierDistribute = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-bezier-distribute',
     styles: `

package/build/elements/icons/interface/bezier-distribute.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-bezier-distribute',
     styles: `

package/build/elements/icons/interface/bezier-length.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBezierLength = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-bezier-length',
     styles: `

package/build/elements/icons/interface/bezier-length.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-bezier-length',
     styles: `

package/build/elements/icons/interface/bezier-mirror.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBezierMirror = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-bezier-mirror',
     styles: `

package/build/elements/icons/interface/bezier-mirror.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-bezier-mirror',
     styles: `

package/build/elements/icons/interface/bezier.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBezier = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-bezier',
     styles: `

package/build/elements/icons/interface/bezier.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-bezier',
     styles: `

package/build/elements/icons/interface/check.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCheck = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-check',
     styles: `

package/build/elements/icons/interface/check.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-check',
     styles: `

package/build/elements/icons/interface/circle-arrow-left.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCircleArrowLeft = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-circle-arrow-left',
     styles: `

package/build/elements/icons/interface/circle-arrow-left.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-circle-arrow-left',
     styles: `

package/build/elements/icons/interface/circle-arrow-right.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCircleArrowRight = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-circle-arrow-right',
     styles: `

package/build/elements/icons/interface/circle-arrow-right.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-circle-arrow-right',
     styles: `

package/build/elements/icons/interface/code.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCode = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-code',
     styles: `

package/build/elements/icons/interface/code.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-code',
     styles: `

package/build/elements/icons/interface/dots.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDots = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-dots',
     styles: `

package/build/elements/icons/interface/dots.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-dots',
     styles: `

package/build/elements/icons/interface/mention.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMention = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-mention',
     styles: `

package/build/elements/icons/interface/mention.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-mention',
     styles: `

package/build/elements/icons/interface/minus.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMinus = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-minus',
     styles: `

package/build/elements/icons/interface/minus.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-minus',
     styles: `

package/build/elements/icons/interface/picker.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPicker = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-picker',
     styles: `

package/build/elements/icons/interface/picker.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-picker',
     styles: `

package/build/elements/icons/interface/plus.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPlus = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-plus',
     styles: `

package/build/elements/icons/interface/plus.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-plus',
     styles: `

package/build/elements/icons/interface/settings.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Settings = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
+const Component_1 = require("../../../decorators/Component");
 @(0, Component_1.Component)({
     tag: 'ease-icon-settings',
     styles: `

package/build/elements/icons/interface/settings.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
+import { Component } from '../../../decorators/Component';
 @Component({
     tag: 'ease-icon-settings',
     styles: `

package/build/elements/input/index.cjs

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const lit_html_1 = require("lit-html");
 const shared_1 = require("../shared.cjs");
-const Component_1 = require("~/decorators/Component");
-const Listen_1 = require("~/decorators/Listen");
-const Prop_1 = require("~/decorators/Prop");
-const Query_1 = require("~/decorators/Query");
+const Component_1 = require("../../decorators/Component");
+const Listen_1 = require("../../decorators/Listen");
+const Prop_1 = require("../../decorators/Prop");
+const Query_1 = require("../../decorators/Query");
 @(0, Component_1.Component)({
     tag: 'ease-input',
     shadowMode: 'open',

package/build/elements/input/index.js

@@ -1,9 +1,9 @@
 import { html } from 'lit-html';
 import { dispatchControlEvent, setBooleanAttribute } from "../shared.js";
-import { Component } from '~/decorators/Component';
-import { Listen } from '~/decorators/Listen';
-import { Prop } from '~/decorators/Prop';
-import { Query } from '~/decorators/Query';
+import { Component } from '../../decorators/Component';
+import { Listen } from '../../decorators/Listen';
+import { Prop } from '../../decorators/Prop';
+import { Query } from '../../decorators/Query';
 @Component({
     tag: 'ease-input',
     shadowMode: 'open',

package/build/elements/logo/index.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogoLoader = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
-const Prop_1 = require("~/decorators/Prop");
+const Component_1 = require("../../decorators/Component");
+const Prop_1 = require("../../decorators/Prop");
 const CENTER = { x: 74, y: 74 };
 const DOTS_DATA = [
     { id: 'dot-1', cx: 7.22725, cy: 73.99975 },

package/build/elements/logo/index.js

@@ -1,6 +1,6 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Prop } from '~/decorators/Prop';
+import { Component } from '../../decorators/Component';
+import { Prop } from '../../decorators/Prop';
 const CENTER = { x: 74, y: 74 };
 const DOTS_DATA = [
     { id: 'dot-1', cx: 7.22725, cy: 73.99975 },

package/build/elements/monitor/fps.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonitorFps = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
-const Prop_1 = require("~/decorators/Prop");
-const Query_1 = require("~/decorators/Query");
+const Component_1 = require("../../decorators/Component");
+const Prop_1 = require("../../decorators/Prop");
+const Query_1 = require("../../decorators/Query");
 const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 const mean = (values) => {
     if (values.length === 0) {

package/build/elements/monitor/fps.js

@@ -1,7 +1,7 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Prop } from '~/decorators/Prop';
-import { Query } from '~/decorators/Query';
+import { Component } from '../../decorators/Component';
+import { Prop } from '../../decorators/Prop';
+import { Query } from '../../decorators/Query';
 const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 const mean = (values) => {
     if (values.length === 0) {

package/build/elements/monitor/index.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Monitor = void 0;
 const lit_html_1 = require("lit-html");
-const Component_1 = require("~/decorators/Component");
-const Listen_1 = require("~/decorators/Listen");
-const Watch_1 = require("~/decorators/Watch");
-const template_helpers_1 = require("~/utils/template-helpers");
+const Component_1 = require("../../decorators/Component");
+const Listen_1 = require("../../decorators/Listen");
+const Watch_1 = require("../../decorators/Watch");
+const template_helpers_1 = require("../../utils/template-helpers");
 require("./fps.cjs");
 const METRIC_THRESHOLDS = {
     LCP: { good: 2500, poor: 4000 },

package/build/elements/monitor/index.js

@@ -1,8 +1,8 @@
 import { html } from 'lit-html';
-import { Component } from '~/decorators/Component';
-import { Listen } from '~/decorators/Listen';
-import { Watch } from '~/decorators/Watch';
-import { styleObject } from '~/utils/template-helpers';
+import { Component } from '../../decorators/Component';
+import { Listen } from '../../decorators/Listen';
+import { Watch } from '../../decorators/Watch';
+import { styleObject } from '../../utils/template-helpers';
 import "./fps.js";
 const METRIC_THRESHOLDS = {
     LCP: { good: 2500, poor: 4000 },

package/build/elements/number/index.cjs

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberInput = void 0;
 const lit_html_1 = require("lit-html");
 const shared_1 = require("../shared.cjs");
-const Component_1 = require("~/decorators/Component");
-const Listen_1 = require("~/decorators/Listen");
-const Prop_1 = require("~/decorators/Prop");
-const Query_1 = require("~/decorators/Query");
+const Component_1 = require("../../decorators/Component");
+const Listen_1 = require("../../decorators/Listen");
+const Prop_1 = require("../../decorators/Prop");
+const Query_1 = require("../../decorators/Query");
 require("../input/index.cjs");
 require("../icons/interface/minus.cjs");
 require("../icons/interface/plus.cjs");

package/build/elements/number/index.js

@@ -1,9 +1,9 @@
 import { html } from 'lit-html';
 import { coerceNumber, dispatchControlEvent, setBooleanAttribute } from "../shared.js";
-import { Component } from '~/decorators/Component';
-import { Listen } from '~/decorators/Listen';
-import { Prop } from '~/decorators/Prop';
-import { Query } from '~/decorators/Query';
+import { Component } from '../../decorators/Component';
+import { Listen } from '../../decorators/Listen';
+import { Prop } from '../../decorators/Prop';
+import { Query } from '../../decorators/Query';
 import "../input/index.js";
 import "../icons/interface/minus.js";
 import "../icons/interface/plus.js";

package/build/elements/origin/index.cjs

@@ -4,10 +4,10 @@ exports.Origin = void 0;
 require("../dropdown/index.cjs");
 const lit_html_1 = require("lit-html");
 const shared_1 = require("../shared.cjs");
-const Component_1 = require("~/decorators/Component");
-const Listen_1 = require("~/decorators/Listen");
-const Prop_1 = require("~/decorators/Prop");
-const Query_1 = require("~/decorators/Query");
+const Component_1 = require("../../decorators/Component");
+const Listen_1 = require("../../decorators/Listen");
+const Prop_1 = require("../../decorators/Prop");
+const Query_1 = require("../../decorators/Query");
 @(0, Component_1.Component)({
     tag: 'ease-origin',
     styles: `

package/build/elements/origin/index.js

@@ -1,10 +1,10 @@
 import "../dropdown/index.js";
 import { html } from 'lit-html';
 import { dispatchControlEvent, setBooleanAttribute } from "../shared.js";
-import { Component } from '~/decorators/Component';
-import { Listen } from '~/decorators/Listen';
-import { Prop } from '~/decorators/Prop';
-import { Query } from '~/decorators/Query';
+import { Component } from '../../decorators/Component';
+import { Listen } from '../../decorators/Listen';
+import { Prop } from '../../decorators/Prop';
+import { Query } from '../../decorators/Query';
 @Component({
     tag: 'ease-origin',
     styles: `