@microsoft/fast-element 2.9.2 → 2.10.1

package/dist/esm/observation/observable.bench.js

@@ -1,79 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, Observable } from "../index.js";
-import { _random, adjectives, nouns } from "../__test__/utilities.js";
-export class TestObservable extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this._greetMessage = "";
-        this._name = "";
-        this._exit = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const first = this.firstName[0].toUpperCase() + this.firstName.slice(1);
-        const last = this.lastName[0].toUpperCase() + this.lastName.slice(1);
-        this.name = `${first} ${last}`;
-        this.greetMessage = `Welcome to FAST, ${this.name} !!`;
-    }
-    get greetMessage() {
-        Observable.track(this, "greetMessage");
-        return this._greetMessage;
-    }
-    set greetMessage(value) {
-        this._greetMessage = value;
-        Observable.notify(this, "greetMessage");
-    }
-    get name() {
-        Observable.track(this, "name");
-        return this._name;
-    }
-    set name(value) {
-        this._name = value;
-        Observable.notify(this, "name");
-    }
-    get exit() {
-        Observable.track(this, "exit");
-        return this._exit;
-    }
-    set exit(value) {
-        this._exit = value;
-        Observable.notify(this, "exit");
-    }
-}
-__decorate([
-    attr,
-    __metadata("design:type", String)
-], TestObservable.prototype, "firstName", void 0);
-__decorate([
-    attr,
-    __metadata("design:type", String)
-], TestObservable.prototype, "lastName", void 0);
-TestObservable.define({
-    name: "test-observable",
-});
-const itemRenderer = () => {
-    const testObservable = document.createElement("test-observable");
-    testObservable.setAttribute("firstname", adjectives[_random(adjectives.length)]);
-    testObservable.setAttribute("lastname", nouns[_random(nouns.length)]);
-    const notifier = Observable.getNotifier(testObservable);
-    const handler = {
-        handleChange(source, propertyName) {
-            if (propertyName === "greetMessage")
-                source._exit = true;
-        },
-    };
-    notifier.subscribe(handler, "greetMessage");
-    testObservable.greetMessage = `Goodbye ${testObservable.name}, see you next time!`;
-    notifier.unsubscribe(handler, "greetMessage");
-    return testObservable;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/render.bench.js

@@ -1,56 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, css, FASTElement, html, oneTime, repeat } from "../index.js";
-import { data } from "../__test__/utilities.js";
-const xItemTemplate = html `
-    <div @click="${x => x.onClick}" class="item">${x => x.value}</div>
-`;
-const styles = css `
-    .item {
-        display: flex;
-    }
-`;
-class XItem extends FASTElement {
-    onClick(e) {
-        console.log(e.type);
-    }
-}
-__decorate([
-    attr,
-    __metadata("design:type", Object)
-], XItem.prototype, "value", void 0);
-XItem.define({
-    name: "x-item",
-    template: xItemTemplate,
-    styles,
-});
-const xAppTemplate = html `
-    <div id="test-container">
-        ${repeat(x => x.items, html `
-                <x-item :value="${oneTime((x) => x.label)}"></x-item>
-            `)}
-    </div>
-`;
-class XApp extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.items = data;
-    }
-}
-XApp.define({
-    name: "x-app",
-    template: xAppTemplate,
-});
-const itemRenderer = () => {
-    const testRender = document.createElement("x-app");
-    return testRender;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/repeat-basic-reverse.bench.js

@@ -1,43 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, html, nullableNumberConverter, repeat } from "../index.js";
-class TestRepeat extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.count = 0;
-        this.items = new Array(this.count).fill("foo");
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.items.reverse();
-    }
-}
-__decorate([
-    attr({
-        mode: "fromView",
-        converter: nullableNumberConverter,
-    }),
-    __metadata("design:type", Number)
-], TestRepeat.prototype, "count", void 0);
-TestRepeat.define({
-    name: "test-repeat",
-    template: html `
-        ${repeat(x => x.items, html `
-                <span>${x => x}</span>
-            `)}
-    `,
-});
-const itemRenderer = () => {
-    const testRepeat = document.createElement("test-repeat");
-    testRepeat.setAttribute("count", "100");
-    return testRepeat;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/repeat-basic-shift.bench.js

@@ -1,43 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, html, nullableNumberConverter, repeat } from "../index.js";
-class TestRepeat extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.count = 0;
-        this.items = new Array(this.count).fill("foo");
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.items.shift();
-    }
-}
-__decorate([
-    attr({
-        mode: "fromView",
-        converter: nullableNumberConverter,
-    }),
-    __metadata("design:type", Number)
-], TestRepeat.prototype, "count", void 0);
-TestRepeat.define({
-    name: "test-repeat",
-    template: html `
-        ${repeat(x => x.items, html `
-                <span>${x => x}</span>
-            `)}
-    `,
-});
-const itemRenderer = () => {
-    const testRepeat = document.createElement("test-repeat");
-    testRepeat.setAttribute("count", "100");
-    return testRepeat;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/when-basic.bench.js

@@ -1,36 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, html, when } from "../index.js";
-class TestWhen extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.try = false;
-    }
-}
-__decorate([
-    attr({
-        mode: "boolean",
-    }),
-    __metadata("design:type", Boolean)
-], TestWhen.prototype, "try", void 0);
-TestWhen.define({
-    name: "test-when",
-    template: html `
-        ${when(x => x.try, html `
-                <span>Yes</span>
-            `)}
-    `,
-});
-const itemRenderer = () => {
-    const testWhen = document.createElement("test-when");
-    return testWhen;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/when-conditional.bench.js

@@ -1,39 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, html, when } from "../index.js";
-class TestWhen extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.try = false;
-    }
-}
-__decorate([
-    attr({
-        mode: "boolean",
-    }),
-    __metadata("design:type", Boolean)
-], TestWhen.prototype, "try", void 0);
-TestWhen.define({
-    name: "test-when",
-    template: html `
-        ${when(x => x.try, html `
-                <span>Yes</span>
-            `)}
-        ${when(x => !x.try, html `
-                <span>No</span>
-            `)}
-    `,
-});
-const itemRenderer = () => {
-    const testWhen = document.createElement("test-when");
-    return testWhen;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/dist/esm/templating/when-switch.bench.js

@@ -1,68 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { attr, FASTElement, html, nullableNumberConverter, when } from "../index.js";
-const emotionalTemplates = {
-    depressed: html `
-        <div>
-            <span>I'm so depressed :O</span>
-        </div>
-    `,
-    sad: html `
-        <div>
-            <span>I'm so sad :(</span>
-        </div>
-    `,
-    happy: html `
-        <div>
-            <span>I'm so happy :)</span>
-        </div>
-    `,
-    ecstatic: html `
-        <div>
-            <span>I'm so ecstatic :D</span>
-        </div>
-    `,
-    indifferent: html `
-        <div>
-            <span>I'm indifferent :|</span>
-        </div>
-    `,
-};
-class TestWhen extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.value = 0;
-    }
-}
-__decorate([
-    attr({
-        mode: "fromView",
-        converter: nullableNumberConverter,
-    }),
-    __metadata("design:type", Number)
-], TestWhen.prototype, "value", void 0);
-TestWhen.define({
-    name: "test-when",
-    template: html `
-        <button @click="${x => x.update(true)}">Click Me</button>
-        ${when(x => x.value <= 1, emotionalTemplates.depressed)}
-        ${when(x => x.value === 2 || x.value === 3, emotionalTemplates.sad)}
-        ${when(x => x.value === 4 || x.value === 5, emotionalTemplates.indifferent)}
-        ${when(x => x.value >= 6 && x.value < 9, emotionalTemplates.happy)}
-        ${when(x => x.value === 9 || x.value === 10, emotionalTemplates.ecstatic)}
-    `,
-});
-const itemRenderer = () => {
-    const testWhen = document.createElement("test-when");
-    testWhen.click();
-    return testWhen;
-};
-export default itemRenderer;
-export { tests } from "@tensile-perf/web-components";

package/scripts/run-benchmarks.js

@@ -1,46 +0,0 @@
-import fs from 'fs/promises';
-import { fileURLToPath } from 'url';
-import path from 'path';
-import { execSync } from 'child_process';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const rootDir = path.join(__dirname, '..');
-const tensileConfig = 'tensile.config.js';
-
-try {
-  const esmOutput = path.join(rootDir, 'dist', 'esm');
-  const items = await fs.readdir(esmOutput);
-
-  // Collect all component folders
-  const folders = [];
-  for (const item of items) {
-    const itemPath = path.join(esmOutput, item);
-    const stats = await fs.lstat(itemPath);
-    if (stats.isDirectory()) {
-      folders.push(item);
-    }
-  }
-
-  // Collect all .bench.js files
-  const benchFiles = [];
-  for (const folder of folders) {
-    const folderPath = path.join(esmOutput, folder);
-    const files = await fs.readdir(folderPath);
-    const filteredFiles = files.filter(file => file.endsWith('.bench.js'));
-    benchFiles.push(...filteredFiles.map(file => path.relative(rootDir, path.join(folderPath, file))));
-  }
-
-  // Execute tensile for each .bench.js file
-  for (const file of benchFiles) {
-    try {
-      // eslint-disable-next-line no-undef
-      execSync(`tensile --file ./${file} --config ${tensileConfig} ${process.argv[2]}`, { stdio: 'inherit' });
-    } catch (error) {
-      console.error(`Error executing command for file ${file}: ${error.message}`);
-    }
-  }
-
-} catch (error) {
-  console.error(`Error reading directory: ${error.message}`);
-}

package/tensile.config.js

@@ -1,12 +0,0 @@
-const config = {
-    // Browsers to test against
-    browsers: ['chrome'],
-
-    // Importmaps for your test.
-    // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap
-    imports: {
-        '@tensile-perf/web-components': '/node_modules/@tensile-perf/web-components/lib/index.js',
-    }
-  };
-
-  export default config;