llm-testrunner-components 1.0.0

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-CCrH7f-W.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["current-time_2.cjs",[[257,"my-component",{"first":[1],"middle":[1],"last":[1]}],[256,"current-time",{"currentTime":[32]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+//# sourceMappingURL=loader.cjs.js.map
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,13 @@
+{
+  "entries": [
+    "components/my-component/current-time.js",
+    "components/my-component/my-component.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.36.1",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/my-component/current-time.js

@@ -0,0 +1,35 @@
+// First, we import State from '@stencil/core'
+import { h } from "@stencil/core";
+export class CurrentTime {
+    // `timer` is not decorated with `@State()`, as
+    // we do not wish to trigger a rerender when its
+    // value changes
+    timer;
+    // `currentTime` is decorated with `@State()`,
+    // as we need to trigger a rerender when its
+    // value changes to show the latest time
+    currentTime = Date.now();
+    connectedCallback() {
+        // the assignment to `this.timer` will not
+        // trigger a re-render
+        this.timer = window.setInterval(() => {
+            // the assignment to `this.currentTime`
+            // will trigger a re-render
+            this.currentTime = Date.now();
+        }, 1000);
+    }
+    disconnectedCallback() {
+        window.clearInterval(this.timer);
+    }
+    render() {
+        const time = new Date(this.currentTime).toLocaleTimeString();
+        return (h("span", { key: '45b0df3ce3817ac64d22582b1a45c188b61656a4' }, time));
+    }
+    static get is() { return "current-time"; }
+    static get states() {
+        return {
+            "currentTime": {}
+        };
+    }
+}
+//# sourceMappingURL=current-time.js.map

package/dist/collection/components/my-component/current-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"current-time.js","sourceRoot":"","sources":["../../../src/components/my-component/current-time.tsx"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKpD,MAAM,OAAO,WAAW;IACpB,+CAA+C;IAC/C,gDAAgD;IAChD,gBAAgB;IAChB,KAAK,CAAS;IAEd,8CAA8C;IAC9C,4CAA4C;IAC5C,wCAAwC;IAC/B,WAAW,GAAW,IAAI,CAAC,GAAG,EAAE,CAAC;IAE1C,iBAAiB;QACb,0CAA0C;QAC1C,sBAAsB;QACtB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YACjC,uCAAuC;YACvC,2BAA2B;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAClC,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,MAAM;QACF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAE7D,OAAO,CACH,+DAAO,IAAI,CAAQ,CACtB,CAAC;IACN,CAAC;;;;;CACJ","sourcesContent":["// First, we import State from '@stencil/core'\nimport { Component, State, h } from '@stencil/core';\n\n@Component({\n    tag: 'current-time',\n})\nexport class CurrentTime {\n    // `timer` is not decorated with `@State()`, as\n    // we do not wish to trigger a rerender when its\n    // value changes\n    timer: number;\n\n    // `currentTime` is decorated with `@State()`,\n    // as we need to trigger a rerender when its\n    // value changes to show the latest time\n    @State() currentTime: number = Date.now();\n\n    connectedCallback() {\n        // the assignment to `this.timer` will not\n        // trigger a re-render\n        this.timer = window.setInterval(() => {\n            // the assignment to `this.currentTime`\n            // will trigger a re-render\n            this.currentTime = Date.now();\n        }, 1000);\n    }\n\n    disconnectedCallback() {\n        window.clearInterval(this.timer);\n    }\n\n    render() {\n        const time = new Date(this.currentTime).toLocaleTimeString();\n\n        return (\n            <span>{time}</span>\n        );\n    }\n}"]}

package/dist/collection/components/my-component/my-component.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/my-component/my-component.js

@@ -0,0 +1,96 @@
+import { h } from "@stencil/core";
+import { format } from "../../utils/utils";
+export class MyComponent {
+    /**
+     * The first name
+     */
+    first;
+    /**
+     * The middle name
+     */
+    middle;
+    /**
+     * The last name
+     */
+    last;
+    getText() {
+        return format(this.first, this.middle, this.last);
+    }
+    render() {
+        return (h("div", { key: '538552b1fa1db142ea88eb71047cd1da9fbfb224' }, "Hello, World! I'm ", this.getText(), " ", h("br", { key: 'f27acd01ea5f08223805a7f79b0763d45a2e70bf' }), "Current time: ", h("current-time", { key: '615f447c114321de1a748703672a3cf9217df591' })));
+    }
+    static get is() { return "my-component"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["my-component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["my-component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "first": {
+                "type": "string",
+                "attribute": "first",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The first name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "middle": {
+                "type": "string",
+                "attribute": "middle",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The middle name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "last": {
+                "type": "string",
+                "attribute": "last",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The last name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=my-component.js.map

package/dist/collection/components/my-component/my-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-component.js","sourceRoot":"","sources":["../../../src/components/my-component/my-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,MAAM,OAAO,WAAW;IACtB;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAS;IAEb,OAAO;QACb,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,OAAO,CACL;;YACqB,IAAI,CAAC,OAAO,EAAE;;YAAE,4DAAM;;YAC3B,sEAAgB,CAC1B,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { format } from '../../utils/utils';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.css',\n  shadow: true,\n})\nexport class MyComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string;\n\n  /**\n   * The middle name\n   */\n  @Prop() middle: string;\n\n  /**\n   * The last name\n   */\n  @Prop() last: string;\n\n  private getText(): string {\n    return format(this.first, this.middle, this.last);\n  }\n\n  render() {\n    return (\n      <div>\n        Hello, World! I'm {this.getText()} <br />\n        Current time: <current-time />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,4 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}

package/dist/components/current-time.d.ts

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

package/dist/components/current-time.js

@@ -0,0 +1,9 @@
+import { C as CurrentTime$1, d as defineCustomElement$1 } from './p-CbvWSaCI.js';
+
+const CurrentTime = CurrentTime$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CurrentTime, defineCustomElement };
+//# sourceMappingURL=current-time.js.map
+
+//# sourceMappingURL=current-time.js.map

package/dist/components/current-time.js.map

@@ -0,0 +1 @@
+{"file":"current-time.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,10 @@
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DnDi6fKi.js';
+
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+export { format };
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"version":3}

package/dist/components/my-component.d.ts

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

package/dist/components/my-component.js

@@ -0,0 +1,63 @@
+import { p as proxyCustomElement, H, h } from './p-DnDi6fKi.js';
+import { format } from './index.js';
+import { d as defineCustomElement$2 } from './p-CbvWSaCI.js';
+
+const myComponentCss = ":host{display:block}";
+
+const MyComponent$1 = /*@__PURE__*/ proxyCustomElement(class MyComponent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+     * The first name
+     */
+    first;
+    /**
+     * The middle name
+     */
+    middle;
+    /**
+     * The last name
+     */
+    last;
+    getText() {
+        return format(this.first, this.middle, this.last);
+    }
+    render() {
+        return (h("div", { key: '538552b1fa1db142ea88eb71047cd1da9fbfb224' }, "Hello, World! I'm ", this.getText(), " ", h("br", { key: 'f27acd01ea5f08223805a7f79b0763d45a2e70bf' }), "Current time: ", h("current-time", { key: '615f447c114321de1a748703672a3cf9217df591' })));
+    }
+    static get style() { return myComponentCss; }
+}, [257, "my-component", {
+        "first": [1],
+        "middle": [1],
+        "last": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["my-component", "current-time"];
+    components.forEach(tagName => { switch (tagName) {
+        case "my-component":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MyComponent$1);
+            }
+            break;
+        case "current-time":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const MyComponent = MyComponent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyComponent, defineCustomElement };
+//# sourceMappingURL=my-component.js.map
+
+//# sourceMappingURL=my-component.js.map

package/dist/components/my-component.js.map

@@ -0,0 +1 @@
+{"file":"my-component.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCQhCA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACtB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;IAEJ,OAAO,GAAA;AACb,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAGnD,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,wBACqB,IAAI,CAAC,OAAO,EAAE,OAAE,CAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,oBAC3B,CAAgB,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MyComponent","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/my-component.css?tag=my-component&encapsulation=shadow","src/components/my-component/my-component.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { format } from '../../utils/utils';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.css',\n  shadow: true,\n})\nexport class MyComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string;\n\n  /**\n   * The middle name\n   */\n  @Prop() middle: string;\n\n  /**\n   * The last name\n   */\n  @Prop() last: string;\n\n  private getText(): string {\n    return format(this.first, this.middle, this.last);\n  }\n\n  render() {\n    return (\n      <div>\n        Hello, World! I'm {this.getText()} <br />\n        Current time: <current-time />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CbvWSaCI.js

@@ -0,0 +1,53 @@
+import { p as proxyCustomElement, H, h } from './p-DnDi6fKi.js';
+
+const CurrentTime = /*@__PURE__*/ proxyCustomElement(class CurrentTime extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    // `timer` is not decorated with `@State()`, as
+    // we do not wish to trigger a rerender when its
+    // value changes
+    timer;
+    // `currentTime` is decorated with `@State()`,
+    // as we need to trigger a rerender when its
+    // value changes to show the latest time
+    currentTime = Date.now();
+    connectedCallback() {
+        // the assignment to `this.timer` will not
+        // trigger a re-render
+        this.timer = window.setInterval(() => {
+            // the assignment to `this.currentTime`
+            // will trigger a re-render
+            this.currentTime = Date.now();
+        }, 1000);
+    }
+    disconnectedCallback() {
+        window.clearInterval(this.timer);
+    }
+    render() {
+        const time = new Date(this.currentTime).toLocaleTimeString();
+        return (h("span", { key: '45b0df3ce3817ac64d22582b1a45c188b61656a4' }, time));
+    }
+}, [256, "current-time", {
+        "currentTime": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["current-time"];
+    components.forEach(tagName => { switch (tagName) {
+        case "current-time":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CurrentTime);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CurrentTime as C, defineCustomElement as d };
+//# sourceMappingURL=p-CbvWSaCI.js.map
+
+//# sourceMappingURL=p-CbvWSaCI.js.map

package/dist/components/p-CbvWSaCI.js.map

@@ -0,0 +1 @@
+{"file":"p-CbvWSaCI.js","mappings":";;MAMa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AAIpB,IAAA,KAAK;;;;AAKI,IAAA,WAAW,GAAW,IAAI,CAAC,GAAG,EAAE;IAEzC,iBAAiB,GAAA;;;QAGb,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;;;AAGjC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE;SAChC,EAAE,IAAI,CAAC;;IAGZ,oBAAoB,GAAA;AAChB,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,MAAM,GAAA;AACF,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,kBAAkB,EAAE;AAE5D,QAAA,QACI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAQ;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/current-time.tsx"],"sourcesContent":["// First, we import State from '@stencil/core'\nimport { Component, State, h } from '@stencil/core';\n\n@Component({\n    tag: 'current-time',\n})\nexport class CurrentTime {\n    // `timer` is not decorated with `@State()`, as\n    // we do not wish to trigger a rerender when its\n    // value changes\n    timer: number;\n\n    // `currentTime` is decorated with `@State()`,\n    // as we need to trigger a rerender when its\n    // value changes to show the latest time\n    @State() currentTime: number = Date.now();\n\n    connectedCallback() {\n        // the assignment to `this.timer` will not\n        // trigger a re-render\n        this.timer = window.setInterval(() => {\n            // the assignment to `this.currentTime`\n            // will trigger a re-render\n            this.currentTime = Date.now();\n        }, 1000);\n    }\n\n    disconnectedCallback() {\n        window.clearInterval(this.timer);\n    }\n\n    render() {\n        const time = new Date(this.currentTime).toLocaleTimeString();\n\n        return (\n            <span>{time}</span>\n        );\n    }\n}"],"version":3}