{"version":3,"sources":["jsdelivr-header.js","/npm/@microsoft/cfp-template@1.0.0-alpha.6/dist/esm/index.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,ACFA,MAAM,eAAiB,CACnB,CACI,UAAa,IACb,KAAQ,gBACR,SAAY,mNAEhB,CACI,UAAa,IACb,KAAQ,gBACR,SAAY,6iFAEhB,CACI,UAAa,aACb,KAAQ,WACR,SAAY,kiCAEhB,CACI,UAAa,IACb,KAAQ,YACR,SAAY,s2CAEhB,CACI,UAAa,IACb,KAAQ,mBACR,SAAY,sGAEhB,CACI,UAAa,IACb,KAAQ,eACR,SAAY,u6DAEhB,CACI,UAAa,IACb,KAAQ,uBACR,SAAY,+aAEhB,CACI,UAAa,IACb,KAAQ,aACR,SAAY,kPAEhB,CACI,UAAa,iBACb,KAAQ,WACR,SAAY,yFAEhB,CACI,UAAa,yBACb,KAAQ,YACR,SAAY,2JAEhB,CACI,UAAa,kCACb,KAAQ,YACR,SAAY,qDAEhB,CACI,UAAa,yBACb,KAAQ,wBACR,SAAY,4LAEhB,CACI,UAAa,yBACb,KAAQ,qBACR,SAAY,gXAEhB,CACI,UAAa,yBACb,KAAQ,qBACR,SAAY,+aAEhB,CACI,UAAa,yBACb,KAAQ,oBACR,SAAY,imFAEhB,CACI,UAAa,yBACb,KAAQ,sBACR,SAAY,u3WAEhB,CACI,UAAa,yBACb,KAAQ,aACR,SAAY,iLAEhB,CACI,UAAa,MACb,KAAQ,mBACR,SAAY,6fAEhB,CACI,UAAa,MACb,KAAQ,aACR,SAAY,8mBAEhB,CACI,UAAa,MACb,KAAQ,mBACR,SAAY,+VAEhB,CACI,UAAa,MACb,KAAQ,WACR,SAAY,gCAEhB,CACI,UAAa,MACb,KAAQ,eACR,SAAY,4BAEhB,CACI,UAAa,IACb,KAAQ,gBACR,SAAY,krBAEhB,CACI,UAAa,IACb,KAAQ,qBACR,SAAY,2kCAEhB,CACI,UAAa,IACb,KAAQ,kBACR,SAAY,4XAEhB,CACI,UAAa,IACb,KAAQ,mBACR,SAAY,ggCAGX","file":"/npm/@microsoft/cfp-template@1.0.0-alpha.6/dist/esm/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@microsoft/cfp-template@1.0.0-alpha.6/dist/esm/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","/**\n * This file has been automatically generated from the ./build/generate.js scripts,\n * do not attempt to edit it. To re-generate the file run: npm run generate\n */\nconst cfpAppTemplate = [\n    {\n        \"directory\": \".\",\n        \"name\": \".eslintignore\",\n        \"contents\": \"# Never lint playwright config\\nplaywright.*.ts\\n\\n# Never lint test files\\n*.spec.ts\\n\\n# Never lint node_modules\\nnode_modules\\n\\n# Never lint build output\\ndist\\n\\n# Never lint coverage output\\ncoverage\\n\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \".eslintrc.cjs\",\n        \"contents\": \"module.exports = {\\n    root: true,\\n    parser: \\\"@typescript-eslint/parser\\\",\\n    plugins: [\\\"@typescript-eslint\\\", \\\"import\\\"],\\n    extends: [\\n        \\\"eslint:recommended\\\",\\n        \\\"plugin:@typescript-eslint/eslint-recommended\\\",\\n        \\\"plugin:@typescript-eslint/recommended\\\",\\n        \\\"prettier\\\",\\n    ],\\n    rules: {\\n        \\\"@typescript-eslint/no-empty-interface\\\": [\\n            \\\"error\\\",\\n            {\\n                allowSingleExtends: true,\\n            },\\n        ],\\n        \\\"import/order\\\": \\\"error\\\",\\n        \\\"sort-imports\\\": [\\n            \\\"error\\\",\\n            {\\n                ignoreCase: true,\\n                ignoreDeclarationSort: true,\\n            },\\n        ],\\n        \\\"import/extensions\\\": [\\\"error\\\", \\\"always\\\"],\\n        \\\"comma-dangle\\\": \\\"off\\\",\\n        \\\"@typescript-eslint/typedef\\\": [\\n            \\\"error\\\",\\n            {\\n                arrowParameter: false,\\n                arrayDestructuring: true,\\n                parameter: true,\\n                propertyDeclaration: true,\\n                memberVariableDeclaration: true,\\n                variableDeclarationIgnoreFunction: true,\\n                variableDeclaration: false,\\n            },\\n        ],\\n        \\\"@typescript-eslint/explicit-function-return-type\\\": \\\"error\\\",\\n        \\\"@typescript-eslint/camelcase\\\": \\\"off\\\",\\n        \\\"@typescript-eslint/naming-convention\\\": [\\n            \\\"error\\\",\\n            {\\n                selector: \\\"default\\\",\\n                format: [\\\"UPPER_CASE\\\", \\\"camelCase\\\", \\\"PascalCase\\\"],\\n                leadingUnderscore: \\\"allow\\\",\\n            },\\n            {\\n                selector: \\\"property\\\",\\n                format: null, // disable for property names because of our foo__expanded convention for JSS\\n                // TODO: I think we can come up with a regex that ignores variables with __ in them\\n            },\\n            {\\n                selector: \\\"variable\\\",\\n                format: null, // disable for variable names because of our foo__expanded convention for JSS\\n                // TODO: I think we can come up with a regex that ignores variables with __ in them\\n            },\\n        ],\\n        \\\"@typescript-eslint/no-inferrable-types\\\": \\\"off\\\",\\n        \\\"no-prototype-builtins\\\": \\\"off\\\",\\n        \\\"no-fallthrough\\\": \\\"off\\\",\\n        \\\"no-unexpected-multiline\\\": \\\"off\\\",\\n        \\\"@typescript-eslint/no-unused-vars\\\": [\\\"warn\\\", { args: \\\"none\\\" }],\\n        \\\"@typescript-eslint/no-explicit-any\\\": \\\"off\\\",\\n    },\\n    settings: {\\n        \\\"import/resolver\\\": {\\n            node: {\\n                extensions: [\\\".js\\\", \\\".ts\\\"]\\n            }\\n        }\\n    },\\n};\\n\"\n    },\n    {\n        \"directory\": \".storybook\",\n        \"name\": \"main.cjs\",\n        \"contents\": \"const ResolveTypescriptPlugin = require(\\\"resolve-typescript-plugin\\\");\\nconst path = require(\\\"path\\\");\\n\\nmodule.exports = {\\n    features: {\\n        babelModeV7: true,\\n    },\\n    framework: \\\"@storybook/html\\\",\\n    stories: [\\\"../src/**/*.stories.ts\\\"],\\n    core: {\\n        disableTelemetry: true,\\n        builder: \\\"webpack5\\\",\\n    },\\n    webpackFinal: async config => {\\n        config.resolve.plugins = [\\n            ...(config.resolve.plugins || []),\\n            new ResolveTypescriptPlugin({\\n                includeNodeModules: true,\\n            }),\\n        ];\\n        config.module.rules = [\\n            {\\n                test: /\\\\.ts$/,\\n                loader: \\\"ts-loader\\\",\\n                sideEffects: true,\\n                options: {\\n                    configFile: path.resolve(\\\"./tsconfig.json\\\"),\\n                    transpileOnly: true,\\n                },\\n            },\\n            {\\n                test: /\\\\.html$/,\\n                use: \\\"html-loader\\\",\\n            },\\n        ];\\n\\n        return config;\\n    },\\n};\\n\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"README.md\",\n        \"contents\": \"# Introduction\\n\\nWelcome to the default starter template provided by the [FAST CLI](https://microsoft.github.io/fast-cli).\\n\\nThis template can be used as a starting point for your project.\\n\\n## Setup\\n\\n### Testing\\n\\nBefore tests can be run the playwright browsers will need to be installed, use `npx playwright install`.\\n\\n## Available commands\\n\\n- **Start**: `npm start`\\n- **Test**: `npm run test`\\n- **Build**: `npm run build`\\n\\n## Resources\\n\\nYou may find the following documentation helpful in completing your project.\\n\\n- [Introduction to FAST](https://www.fast.design/docs/introduction)\\n- [Getting started creating your own custom elements with FAST element](https://www.fast.design/docs/fast-element/getting-started)\\n- [Getting started with FAST components](https://www.fast.design/docs/components/getting-started)\\n- [State management with Dependency Injection](https://www.fast.design/docs/apps-and-experiences/dependency-injection)\\n\\n## Feedback\\n\\nWe're always looking for feedback and there are a couple ways you can do this. If you would like to ask us and the FAST community, we have a [discord server](https://discord.gg/FcSNfg4) available. If you find a bug in any of our packages, would like to request a feature, or have a suggestion to improve our documentation, feel free to file an [issue](https://github.com/microsoft/fast/issues/new/choose).\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"fast.config.json\",\n        \"contents\": \"{\\n    \\\"rootDir\\\": \\\"./src\\\",\\n    \\\"componentPath\\\": \\\"./components\\\",\\n    \\\"componentPrefix\\\": \\\"fast\\\"\\n}\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"package.json\",\n        \"contents\": \"{\\n    \\\"name\\\": \\\"fast-project\\\",\\n    \\\"description\\\": \\\"A FAST project\\\",\\n    \\\"private\\\": true,\\n    \\\"type\\\": \\\"module\\\",\\n    \\\"version\\\": \\\"0.1.0\\\",\\n    \\\"author\\\": \\\"\\\",\\n    \\\"license\\\": \\\"ISC\\\",\\n    \\\"repository\\\": \\\"\\\",\\n    \\\"scripts\\\": {\\n        \\\"build\\\": \\\"webpack --config=./webpack.prod.cjs\\\",\\n        \\\"eslint\\\": \\\"eslint . --ext .ts\\\",\\n        \\\"eslint:fix\\\": \\\"eslint . --ext .ts --fix\\\",\\n        \\\"start\\\": \\\"webpack-dev-server --config=./webpack.dev.cjs --history-api-fallback --progress\\\",\\n        \\\"start:storybook\\\": \\\"start-storybook -p 3000 -h localhost\\\",\\n        \\\"test\\\": \\\"npm run eslint && npx playwright test\\\",\\n        \\\"test:serve\\\": \\\"node ./test-server.cjs\\\",\\n        \\\"fast:postinstall\\\": \\\"==========================================\\\\n\\\\n Your project has been initialized!\\\\n You have access to the following commands:\\\\n\\\\n Start: npm start\\\\n Test: npm run test\\\\n Build: npm run build\\\\n\\\\n==========================================\\\"\\n    },\\n    \\\"dependencies\\\": {\\n        \\\"@microsoft/fast-element\\\": \\\"2.0.0-beta.3\\\",\\n        \\\"@microsoft/fast-foundation\\\": \\\"3.0.0-alpha.4\\\"\\n        },\\n    \\\"devDependencies\\\": {\\n        \\\"@playwright/test\\\": \\\"^1.21.0\\\",\\n        \\\"@storybook/builder-webpack5\\\": \\\"6.5.9\\\",\\n        \\\"@storybook/html\\\": \\\"6.5.9\\\",\\n        \\\"@storybook/manager-webpack5\\\": \\\"6.5.9\\\",\\n        \\\"@types/node\\\": \\\"^17.0.21\\\",\\n        \\\"@typescript-eslint/eslint-plugin\\\": \\\"^5.17.0\\\",\\n        \\\"@typescript-eslint/parser\\\": \\\"^5.17.0\\\",\\n        \\\"eslint\\\": \\\"^8.12.0\\\",\\n        \\\"eslint-config-prettier\\\": \\\"^8.5.0\\\",\\n        \\\"eslint-import-resolver-node\\\": \\\"^0.3.6\\\",\\n        \\\"eslint-plugin-import\\\": \\\"^2.25.4\\\",\\n        \\\"express\\\": \\\"^4.17.3\\\",\\n        \\\"html-loader\\\": \\\"^3.1.2\\\",\\n        \\\"html-webpack-plugin\\\": \\\"5.5.0\\\",\\n        \\\"resolve-typescript-plugin\\\": \\\"^1.2.0\\\",\\n        \\\"ts-loader\\\": \\\"^9.3.0\\\",\\n        \\\"typescript\\\": \\\"^4.7.3\\\",\\n        \\\"webpack\\\": \\\"^5.71.0\\\",\\n        \\\"webpack-cli\\\": \\\"^4.9.2\\\",\\n        \\\"webpack-dev-server\\\": \\\"^4.8.1\\\",\\n        \\\"webpack-merge\\\": \\\"^4.2.2\\\"\\n    }\\n}\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"playwright.config.ts\",\n        \"contents\": \"import type { PlaywrightTestConfig } from \\\"@playwright/test\\\";\\n\\nconst config: PlaywrightTestConfig = {\\n    projects: [\\n        {\\n            name: \\\"Desktop Chromium\\\",\\n            use: {\\n                browserName: \\\"chromium\\\",\\n            },\\n        },\\n    ],\\n    webServer: {\\n        command: \\\"npm run serve\\\",\\n        port: 3000,\\n        reuseExistingServer: !process.env.CI,\\n    },\\n};\\n\\nexport default config;\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"server.cjs\",\n        \"contents\": \"var express = require(\\\"express\\\");\\nvar app = express();\\nvar path = require(\\\"path\\\");\\nvar PORT = 3000;\\n\\napp.use(express.static(path.join(__dirname, \\\"www\\\")));\\n\\napp.listen(PORT, err => {\\n    if (err) {\\n        throw err;\\n    }\\n});\\n\"\n    },\n    {\n        \"directory\": \"src/components\",\n        \"name\": \"index.ts\",\n        \"contents\": \"import { welcome } from \\\"./welcome/define.js\\\";\\n\\nexport default [\\n    welcome()\\n];\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"define.ts\",\n        \"contents\": \"import { Welcome } from \\\"./welcome.js\\\";\\nimport { definition } from \\\"./welcome.definition.js\\\";\\n\\nexport const welcome = Welcome.compose(definition);\\n\"\n    },\n    {\n        \"directory\": \"src/components/welcome/fixtures\",\n        \"name\": \"base.html\",\n        \"contents\": \"<h1>Welcome</h1>\\n\\n<fast-welcome></fast-welcome>\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.definition.ts\",\n        \"contents\": \"import { template } from \\\"./welcome.template.js\\\";\\nimport { styles } from \\\"./welcome.styles.js\\\";\\n\\nexport const definition = {\\n    baseName: \\\"welcome\\\",\\n    template,\\n    styles\\n};\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.pw.spec.ts\",\n        \"contents\": \"import { expect, test } from \\\"@playwright/test\\\";\\n\\ntest.describe(\\\"fast-welcome\\\", () => {\\n    test.beforeEach(async ({ page }) => {\\n        await page.goto(\\\"/\\\");\\n    });\\n\\n    test(\\\"should contain a div element\\\", async ({ page }) => {\\n        const element = page.locator(\\\"fast-welcome > div\\\");\\n\\n        await expect(element).not.toBeNull();\\n    });\\n});\\n\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.stories.ts\",\n        \"contents\": \"import { DesignSystem } from \\\"@microsoft/fast-foundation\\\";\\nimport { designSystem } from \\\"../../design-system.js\\\";\\nimport Template from \\\"./fixtures/base.html\\\";\\nimport \\\"./define.js\\\";\\nimport { welcome } from \\\"./define.js\\\";\\n\\nDesignSystem.getOrCreate().withPrefix(\\n    designSystem.prefix\\n).register(\\n    welcome()\\n);\\n\\nexport default {\\n    title: \\\"welcome\\\",\\n};\\n\\nexport const Welcome: () => \\\"*.html\\\" = () => Template;\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.styles.ts\",\n        \"contents\": \"import { css, ElementStyles } from \\\"@microsoft/fast-element\\\";\\n\\n/**\\n * Styles for Welcome\\n * @public\\n */\\nexport const styles: ElementStyles = css`\\n    :host > div {\\n        display: flex;\\n        flex-direction: column;\\n        justify-content: center;\\n        row-gap: 48px;\\n        text-align: center;\\n        font-family: aktiv-grotesk, \\\"Segoe UI\\\", Arial, Helvetica, sans-serif;;\\n        font-size: 14px;\\n        line-height: 20px;\\n        min-height: 100vh;\\n        color: #e5e5e5;\\n        background: #181818;\\n    }\\n\\n    h1 {\\n        display: flex;\\n        column-gap: 18px;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        font-size: 60px;\\n        line-height: 72px;\\n    }\\n\\n    h1 span {\\n        display: flex;\\n        align-items: center;\\n    }\\n\\n    h2 {\\n        font-size: 34px;\\n        line-height: 44px;\\n    }\\n\\n    h3 {\\n        font-size: 20px;\\n    }\\n\\n    h4 {\\n        font-size: 16px;\\n    }\\n\\n    header,\\n    main,\\n    footer {\\n        padding: 0 12px;\\n    }\\n\\n    header {\\n        display: flex;\\n        flex-direction: column;\\n    }\\n\\n    header p {\\n        max-width: 900px;\\n        align-self: center;\\n        font-size: 20px;\\n        line-height: 28px;\\n    }\\n\\n    header svg {\\n        display: inline-block;\\n        width: 90px;\\n        height: 80px;\\n        margin-inline-end: 10px;\\n        shape-rendering: geometricPrecision;\\n    }\\n\\n    header .icon-brand-fast,\\n    .card svg {\\n        fill: #e5e5e5;\\n    }\\n\\n    .card-container {\\n        display: flex;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        column-gap: 24px;\\n        row-gap: 24px;\\n    }\\n\\n    .card {\\n        width: 320px;\\n        border-radius: 4px;\\n        background: #424242;\\n        text-align: left;\\n        display: flex;\\n        flex-direction: column;\\n    }\\n\\n    .card .image {\\n        background: #2b2b2b;\\n        padding: 44px 0;\\n    }\\n\\n    .card .image svg {\\n        width: 320px;\\n        height: 80px;\\n    }\\n\\n    .card .image.small {\\n        padding: 54px 0;\\n    }\\n\\n    .card .image.small svg {\\n        height: 60px;\\n    }\\n\\n    .card .content {\\n        padding: 10px 15px;\\n        flex-grow: 1;\\n    }\\n\\n    .card .action {\\n        padding: 10px 15px;\\n    }\\n\\n    .card .action svg {\\n        margin-left: 2px;\\n        position: relative;\\n        top: 1px;\\n    }\\n\\n    .card a {\\n        display: inline-block;\\n        background: #da1a5f;\\n        border-radius: 4px;\\n        text-decoration: none;\\n        padding: 10px;\\n        color: #ffffff;\\n    }\\n\\n    a {\\n        color: #ffffff;\\n    }\\n`;\\n\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.template.ts\",\n        \"contents\": \"import { html } from \\\"@microsoft/fast-element\\\";\\nimport type { ViewTemplate } from \\\"@microsoft/fast-element\\\";\\nimport type { FoundationElementTemplate } from \\\"@microsoft/fast-foundation\\\";\\nimport type { Welcome } from \\\"./welcome.js\\\";\\n\\nexport const template: FoundationElementTemplate<ViewTemplate<Welcome>> = (\\n    context,\\n    definition\\n) =>\\n    html`<template>\\n        <div>\\n            <header>\\n                <h1><span>Welcome to </span><span><svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"icon icon-brand\\\" viewBox=\\\"0 0 140 123\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M124.787 64.442l-4.98-.636c-.885-.113-1.691.514-1.839 1.393A40.326 40.326 0 0155.29 91.674c-2.462-1.7-1.57-5.286 1.32-6.06l21.06-5.643a3.318 3.318 0 10-1.717-6.41l-27.098 7.261c-.07.019-.14.036-.211.052l-12.779 3.424a.897.897 0 01-.083.027 3.318 3.318 0 101.717 6.41l.29-.078c1.99-.533 4.09.151 5.523 1.63a48.582 48.582 0 0038.695 14.632 48.577 48.577 0 0044.151-40.674c.142-.88-.486-1.69-1.371-1.803zM23.479 60.166a5.439 5.439 0 00-.533.115l-10.423 2.793a3.318 3.318 0 11-1.718-6.41l15.957-4.276c2.048-.548 3.547-2.27 4.003-4.34a48.57 48.57 0 0124.618-32.436 48.577 48.577 0 0159.093 10.57c.594.666.499 1.686-.187 2.257l-3.857 3.213-1.237 1.03c-.003.002-.006.002-.009 0a40.323 40.323 0 00-68.139 10.145c-1.16 2.754 1.449 5.345 4.336 4.572l2.222-.596a3.318 3.318 0 011.718 6.41l-7.667 2.054a5.35 5.35 0 00-.515.167l-17.662 4.732z\\\" fill=\\\"#FF4387\\\"></path><rect x=\\\"69.904\\\" y=\\\"56.905\\\" width=\\\"6.636\\\" height=\\\"16.454\\\" rx=\\\"3.318\\\" transform=\\\"rotate(75 69.904 56.905)\\\" fill=\\\"#FF4387\\\"></rect><rect x=\\\"48.333\\\" y=\\\"62.703\\\" width=\\\"6.636\\\" height=\\\"49.768\\\" rx=\\\"3.318\\\" transform=\\\"rotate(75 48.333 62.703)\\\" fill=\\\"#FF4387\\\"></rect><rect x=\\\"94.364\\\" y=\\\"50.565\\\" width=\\\"6.636\\\" height=\\\"19.829\\\" rx=\\\"3.318\\\" transform=\\\"rotate(75 94.364 50.565)\\\" fill=\\\"#FF4387\\\"></rect><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M97.725 51.927c3.022 11.276 14.612 17.967 25.888 14.946 11.275-3.022 17.967-14.612 14.946-25.887-3.022-11.276-14.612-17.968-25.888-14.946-11.275 3.021-17.967 14.611-14.946 25.887zm20.425 9.448c8.429 0 15.262-6.684 15.262-14.93 0-8.246-6.833-14.93-15.262-14.93s-15.262 6.684-15.262 14.93c0 8.246 6.833 14.93 15.262 14.93z\\\" fill=\\\"#FF4387\\\"></path></svg><svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"icon icon-brand-fast\\\" width=\\\"59\\\" height=\\\"30\\\" viewBox=\\\"53 0 59 30\\\" fill=\\\"none\\\"><path d=\\\"M54.162 26.754h1.1c.754 0 1.225-.338 1.35-1.106l1.477-8.081h3.738c.754 0 1.225-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321h-3.519l1.068-6.053h4.712c.754 0 1.226-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321h-6.974c-.754 0-1.225.338-1.35 1.106L53.03 25.433c-.157.86.283 1.321 1.131 1.321zM77.598 6.475c0-.768-.503-1.23-1.288-1.23h-2.262c-.722 0-1.194.339-1.445.984l-7.037 19.112c-.314.83.095 1.413 1.006 1.413h1.005c.722 0 1.194-.338 1.413-1.014l1.288-3.78h4.053l-.063 3.565c0 .83.408 1.23 1.225 1.23h1.1c.816 0 1.256-.4 1.256-1.23l-.251-19.05zM71.284 19.01l3.267-9.556-.157 9.556h-3.11zM95.569 11.821l.44-2.396C96.606 6.229 94.124 5 91.422 5h-.063c-3.33 0-5.623 1.229-6.22 4.425l-.502 2.826c-.346 1.905.88 3.257 2.576 4.302l2.293 1.413c.974.584 1.257 1.199 1.037 2.366l-.315 1.69c-.22 1.322-1.13 1.905-2.23 1.905s-1.759-.583-1.54-1.905l.347-1.935c.157-.86-.283-1.322-1.131-1.322h-1.037c-.754 0-1.257.37-1.382 1.107l-.471 2.642C82.187 25.864 84.417 27 87.433 27h.063c3.644 0 5.623-1.168 6.22-4.486l.565-3.103c.408-2.182-.66-3.104-2.607-4.302l-2.325-1.414c-.942-.583-1.162-1.198-.974-2.304l.283-1.475c.22-1.352 1.1-1.843 2.167-1.843 1.069 0 1.76.491 1.54 1.843l-.314 1.69c-.157.86.282 1.321 1.13 1.321h1.037c.754 0 1.225-.338 1.35-1.106zM110.838 5.246h-8.451c-.753 0-1.225.338-1.35 1.106l-.126.707c-.157.86.283 1.32 1.131 1.32h2.293l-3.047 17.054c-.157.86.283 1.321 1.131 1.321h1.099c.754 0 1.225-.338 1.351-1.106l3.11-17.268h2.513c.754 0 1.225-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321z\\\"></path></svg></span></h1>\\n                <p>\\n                    <slot></slot>\\n                </p>\\n            </header>\\n\\n            <main>\\n                <h2>Next steps</h2>\\n                <div class=\\\"card-container\\\">\\n                    <div class=\\\"card\\\">\\n                        <div class=\\\"image\\\">\\n                            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n                            <path d=\\\"M8.06562 18.9434L14.5656 4.44339C14.7351 4.06542 15.1788 3.89637 15.5568 4.0658C15.9033 4.22112 16.0742 4.60695 15.9698 4.96131L15.9344 5.05698L9.43438 19.557C9.26495 19.935 8.82118 20.104 8.44321 19.9346C8.09673 19.7793 7.92581 19.3934 8.03024 19.0391L8.06562 18.9434L14.5656 4.44339L8.06562 18.9434ZM2.21967 11.4699L6.46967 7.21986C6.76256 6.92696 7.23744 6.92696 7.53033 7.21986C7.7966 7.48612 7.8208 7.90279 7.60295 8.1964L7.53033 8.28052L3.81066 12.0002L7.53033 15.7199C7.82322 16.0127 7.82322 16.4876 7.53033 16.7805C7.26406 17.0468 6.8474 17.071 6.55379 16.8531L6.46967 16.7805L2.21967 12.5305C1.9534 12.2642 1.9292 11.8476 2.14705 11.554L2.21967 11.4699L6.46967 7.21986L2.21967 11.4699ZM16.4697 7.21986C16.7359 6.95359 17.1526 6.92938 17.4462 7.14724L17.5303 7.21986L21.7803 11.4699C22.0466 11.7361 22.0708 12.1528 21.8529 12.4464L21.7803 12.5305L17.5303 16.7805C17.2374 17.0734 16.7626 17.0734 16.4697 16.7805C16.2034 16.5143 16.1792 16.0976 16.3971 15.804L16.4697 15.7199L20.1893 12.0002L16.4697 8.28052C16.1768 7.98762 16.1768 7.51275 16.4697 7.21986Z\\\" />\\n                        </svg>\\n                        </div>\\n                        <div class=\\\"content\\\">\\n                            <h3>Create Custom Elements</h3>\\n                            <p>Create your own custom elements using our FAST element architecture.</p>\\n                        </div>\\n                        <div class=\\\"action\\\">\\n                            <a href=\\\"https://www.fast.design/docs/fast-element/getting-started\\\">Get Started <svg width=\\\"13.5\\\" height=\\\"13.5\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 24 24\\\" class=\\\"iconExternalLink_cOdw\\\"><path fill=\\\"currentColor\\\" d=\\\"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z\\\"></path></svg></a>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"card\\\">\\n                        <div class=\\\"image small\\\">\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"icon icon-brand-fast\\\" width=\\\"59\\\" height=\\\"30\\\" viewBox=\\\"53 0 59 30\\\" fill=\\\"none\\\"><path d=\\\"M54.162 26.754h1.1c.754 0 1.225-.338 1.35-1.106l1.477-8.081h3.738c.754 0 1.225-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321h-3.519l1.068-6.053h4.712c.754 0 1.226-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321h-6.974c-.754 0-1.225.338-1.35 1.106L53.03 25.433c-.157.86.283 1.321 1.131 1.321zM77.598 6.475c0-.768-.503-1.23-1.288-1.23h-2.262c-.722 0-1.194.339-1.445.984l-7.037 19.112c-.314.83.095 1.413 1.006 1.413h1.005c.722 0 1.194-.338 1.413-1.014l1.288-3.78h4.053l-.063 3.565c0 .83.408 1.23 1.225 1.23h1.1c.816 0 1.256-.4 1.256-1.23l-.251-19.05zM71.284 19.01l3.267-9.556-.157 9.556h-3.11zM95.569 11.821l.44-2.396C96.606 6.229 94.124 5 91.422 5h-.063c-3.33 0-5.623 1.229-6.22 4.425l-.502 2.826c-.346 1.905.88 3.257 2.576 4.302l2.293 1.413c.974.584 1.257 1.199 1.037 2.366l-.315 1.69c-.22 1.322-1.13 1.905-2.23 1.905s-1.759-.583-1.54-1.905l.347-1.935c.157-.86-.283-1.322-1.131-1.322h-1.037c-.754 0-1.257.37-1.382 1.107l-.471 2.642C82.187 25.864 84.417 27 87.433 27h.063c3.644 0 5.623-1.168 6.22-4.486l.565-3.103c.408-2.182-.66-3.104-2.607-4.302l-2.325-1.414c-.942-.583-1.162-1.198-.974-2.304l.283-1.475c.22-1.352 1.1-1.843 2.167-1.843 1.069 0 1.76.491 1.54 1.843l-.314 1.69c-.157.86.282 1.321 1.13 1.321h1.037c.754 0 1.225-.338 1.35-1.106zM110.838 5.246h-8.451c-.753 0-1.225.338-1.35 1.106l-.126.707c-.157.86.283 1.32 1.131 1.32h2.293l-3.047 17.054c-.157.86.283 1.321 1.131 1.321h1.099c.754 0 1.225-.338 1.351-1.106l3.11-17.268h2.513c.754 0 1.225-.338 1.351-1.106l.126-.707c.157-.86-.283-1.321-1.131-1.321z\\\"></path></svg>\\n                        </div>\\n                        <div class=\\\"content\\\">\\n                            <h3>FAST Components</h3>\\n                            <p>Use FAST components to construct thoughtfully designed pages that can be configured for your own design needs.</p>\\n                        </div>\\n                        <div class=\\\"action\\\">\\n                            <a href=\\\"https://www.fast.design/docs/components/getting-started\\\">Get Started <svg width=\\\"13.5\\\" height=\\\"13.5\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 24 24\\\" class=\\\"iconExternalLink_cOdw\\\"><path fill=\\\"currentColor\\\" d=\\\"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z\\\"></path></svg></a>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"card\\\">\\n                        <div class=\\\"image\\\">\\n                            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n                                <path d=\\\"M9.56158 3C5.41944 3 2.06158 6.35786 2.06158 10.5C2.06158 11.6329 2.31325 12.7088 2.76423 13.6734C2.5102 14.6714 2.22638 15.7842 2.03999 16.5147C1.80697 17.428 2.6294 18.2588 3.54374 18.039C4.29396 17.8587 5.44699 17.5819 6.47447 17.337C7.41678 17.7631 8.46241 18 9.56158 18C13.7037 18 17.0616 14.6421 17.0616 10.5C17.0616 6.35786 13.7037 3 9.56158 3ZM3.56158 10.5C3.56158 7.18629 6.24787 4.5 9.56158 4.5C12.8753 4.5 15.5616 7.18629 15.5616 10.5C15.5616 13.8137 12.8753 16.5 9.56158 16.5C8.60084 16.5 7.69487 16.2748 6.89161 15.8749L6.6482 15.7537L6.38368 15.8167C5.46095 16.0363 4.39489 16.2919 3.59592 16.4838C3.79467 15.7047 4.05784 14.6724 4.28601 13.7757L4.35619 13.4998L4.22568 13.2468C3.80145 12.4246 3.56158 11.4914 3.56158 10.5ZM14.5616 21.0001C12.5922 21.0001 10.8001 20.241 9.46191 18.9995C9.49511 18.9999 9.52835 19.0001 9.56163 19.0001C10.2796 19.0001 10.9768 18.911 11.6427 18.7434C12.5067 19.2254 13.5021 19.5001 14.5616 19.5001C15.5223 19.5001 16.4283 19.2748 17.2316 18.8749L17.475 18.7537L17.7395 18.8167C18.6611 19.0361 19.7046 19.2625 20.4787 19.4262C20.3037 18.6757 20.065 17.6711 19.8372 16.7757L19.767 16.4999L19.8975 16.2469C20.3217 15.4247 20.5616 14.4915 20.5616 13.5001C20.5616 11.3853 19.4676 9.52617 17.8146 8.45761C17.6363 7.73435 17.3653 7.04756 17.015 6.41052C19.9523 7.42684 22.0616 10.2171 22.0616 13.5001C22.0616 14.6332 21.8098 15.7094 21.3586 16.6741C21.6117 17.6821 21.8679 18.774 22.0304 19.4773C22.2348 20.3623 21.4554 21.1633 20.563 20.9768C19.8358 20.8248 18.6933 20.581 17.6495 20.3367C16.707 20.763 15.6611 21.0001 14.5616 21.0001Z\\\" />\\n                            </svg>\\n                        </div>\\n                        <div class=\\\"content\\\">\\n                            <h3>Community</h3>\\n                            <p>Join our Discord server, where you can get real-time updates, ask questions and interact with other FAST developers!</p>\\n                        </div>\\n                        <div class=\\\"action\\\">\\n                            <a href=\\\"https://discord.gg/FcSNfg4\\\">Discord <svg width=\\\"13.5\\\" height=\\\"13.5\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 24 24\\\" class=\\\"iconExternalLink_cOdw\\\"><path fill=\\\"currentColor\\\" d=\\\"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z\\\"></path></svg></a>\\n                        </div>\\n                    </div>\\n                </div>\\n            </main>\\n\\n            <footer class=\\\"resources\\\">\\n                © Microsoft ${new Date().getFullYear()}\\n            <footer>\\n        </div>\\n    </template>\\n`;\\n\"\n    },\n    {\n        \"directory\": \"src/components/welcome\",\n        \"name\": \"welcome.ts\",\n        \"contents\": \"import { FoundationElement } from \\\"@microsoft/fast-foundation\\\";\\n\\n/**\\n * A Custom HTML Element.\\n *\\n * @public\\n */\\n export class Welcome extends FoundationElement { }\\n\"\n    },\n    {\n        \"directory\": \"src\",\n        \"name\": \"design-system.ts\",\n        \"contents\": \"import { css } from \\\"@microsoft/fast-element\\\";\\nimport { DesignSystem, DesignToken } from \\\"@microsoft/fast-foundation\\\";\\nimport components from \\\"./components/index.js\\\";\\n\\nexport const designSystem = {\\n    prefix: \\\"fast\\\",\\n    shadowRootMode: \\\"open\\\"\\n}\\n\\nDesignSystem.getOrCreate().withPrefix(\\n    designSystem.prefix\\n).register(\\n    ...components\\n);\\n\\nexport const disabledOpacity = DesignToken.create<number>('disabled-opacity').withDefault(0.3);\\n\\nexport const heightNumber = css.partial`32`;\"\n    },\n    {\n        \"directory\": \"src\",\n        \"name\": \"index.html\",\n        \"contents\": \"<!DOCTYPE html>\\n<html>\\n    <head>\\n        <meta charset=\\\"utf-8\\\" />\\n        <title><%= htmlWebpackPlugin.options.title %></title>\\n        <style>\\n            body,\\n            html {\\n                margin: 0;\\n                padding: 0;\\n            }\\n        </style>\\n    </head>\\n    <body>\\n        <fast-welcome>\\n            This is the default template you can use to kick start your website or\\n            application. It has been configured with TypeScript, webpack, and playwright.\\n            Check out the README file for additional information.\\n        </fast-welcome>\\n    </body>\\n</html>\\n\"\n    },\n    {\n        \"directory\": \"src\",\n        \"name\": \"index.pw.spec.ts\",\n        \"contents\": \"import { expect, test } from \\\"@playwright/test\\\";\\n\\ntest.describe(\\\"page\\\", () => {\\n    test.beforeEach(async ({ page }) => {\\n        await page.goto(\\\"/\\\");\\n    });\\n\\n    test(\\\"should contain fast-welcome\\\", async ({ page }) => {\\n        const element = page.locator(\\\"fast-welcome\\\");\\n        await expect(element).not.toBeNull();\\n    });\\n});\\n\"\n    },\n    {\n        \"directory\": \"src\",\n        \"name\": \"index.ts\",\n        \"contents\": \"import \\\"./design-system.js\\\";\"\n    },\n    {\n        \"directory\": \"src\",\n        \"name\": \"typings.d.ts\",\n        \"contents\": \"declare module \\\"*.html\\\";\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"tsconfig.json\",\n        \"contents\": \"{\\n    \\\"compilerOptions\\\": {\\n        \\\"declaration\\\": true,\\n        \\\"esModuleInterop\\\": true,\\n        \\\"strictNullChecks\\\": true,\\n        \\\"moduleResolution\\\": \\\"node\\\",\\n        \\\"declarationDir\\\": \\\"dist/dts\\\",\\n        \\\"outDir\\\": \\\"dist/esm\\\",\\n        \\\"experimentalDecorators\\\": true,\\n        \\\"noImplicitAny\\\": false,\\n        \\\"strictPropertyInitialization\\\": false,\\n        \\\"importsNotUsedAsValues\\\": \\\"error\\\",\\n        \\\"target\\\": \\\"es2015\\\",\\n        \\\"module\\\": \\\"ESNext\\\",\\n        \\\"importHelpers\\\": true,\\n        \\\"types\\\": [\\n            \\\"node\\\"\\n        ],\\n        \\\"lib\\\": [\\n            \\\"DOM\\\",\\n            \\\"ES2015\\\",\\n            \\\"ES2016.Array.Include\\\"\\n        ]\\n    },\\n    \\\"include\\\": [\\\"src\\\"]\\n}\\n\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"webpack.common.cjs\",\n        \"contents\": \"/* eslint-disable @typescript-eslint/no-var-requires */\\n/* eslint-disable no-undef */\\nconst path = require(\\\"path\\\");\\nconst HtmlWebpackPlugin = require(\\\"html-webpack-plugin\\\");\\nconst ResolveTypeScriptPlugin = require(\\\"resolve-typescript-plugin\\\");\\n\\nconst appDir = path.resolve(__dirname, \\\"./src\\\");\\nconst outDir = path.resolve(__dirname, \\\"./www\\\");\\n\\nmodule.exports = {\\n    name: \\\"root\\\",\\n    entry: {\\n        main: path.resolve(appDir, \\\"index.ts\\\"),\\n    },\\n    resolve: {\\n        extensions: [\\\".ts\\\", \\\".js\\\"],\\n        plugins: [\\n            new ResolveTypeScriptPlugin()\\n        ]\\n    },\\n    output: {\\n        path: outDir,\\n        publicPath: \\\"/\\\",\\n    },\\n    module: {\\n        rules: [\\n            {\\n                test: /.ts$/,\\n                use: [\\n                    {\\n                        loader: \\\"ts-loader\\\",\\n                    },\\n                ],\\n            },\\n        ],\\n    },\\n    plugins: [\\n        new HtmlWebpackPlugin({\\n            title: \\\"Welcome to FAST!\\\",\\n            template: path.resolve(appDir, \\\"index.html\\\"),\\n        }),\\n    ],\\n};\\n\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"webpack.dev.cjs\",\n        \"contents\": \"/* eslint-disable @typescript-eslint/no-var-requires */\\n/* eslint-disable no-undef */\\nconst merge = require(\\\"webpack-merge\\\");\\nconst baseConfig = require(\\\"./webpack.common.cjs\\\");\\n\\nmodule.exports = merge(baseConfig, {\\n    devServer: {\\n        open: true,\\n        port: 3000,\\n    },\\n    mode: \\\"development\\\",\\n    output: {\\n        filename: \\\"[name].js\\\",\\n    },\\n});\\n\"\n    },\n    {\n        \"directory\": \".\",\n        \"name\": \"webpack.prod.cjs\",\n        \"contents\": \"/* eslint-disable @typescript-eslint/no-var-requires */\\n/* eslint-disable no-undef */\\nconst merge = require(\\\"webpack-merge\\\");\\nconst baseConfig = require(\\\"./webpack.common.cjs\\\");\\n\\nmodule.exports = merge(baseConfig, {\\n    mode: \\\"production\\\",\\n    optimization: {\\n        splitChunks: {\\n            chunks: \\\"all\\\",\\n            maxInitialRequests: 100,\\n            cacheGroups: {\\n                vendor: {\\n                    test: /[\\\\\\\\/]node_modules[\\\\\\\\/]/,\\n                    name: module => {\\n                        const packageName = module.context.match(\\n                            /[\\\\\\\\/]node_modules[\\\\\\\\/](.*?)([\\\\\\\\/]|$)/\\n                        )[1];\\n                        // npm package names are URL-safe, but some servers don't like @ symbols\\n                        return `npm.${packageName.replace(\\\"@\\\", \\\"\\\")}`;\\n                    },\\n                },\\n            },\\n        },\\n    },\\n    output: {\\n        filename: \\\"bundle/[name].[contenthash].js\\\",\\n    },\\n});\\n\"\n    }\n];\nexport { cfpAppTemplate };\n"]}