@aquera/nile-elements 0.0.1-beta.1

package/vscode-html-custom-data.json

@@ -0,0 +1,154 @@
+{
+  "version": 1,
+  "tags": [
+    {
+      "name": "nile-button",
+      "description": "Button element.\n\nEvents:\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - This element has a slot\n\nAttributes:\n\n  * `value` {`string | undefined`} - Indicates the value associated with the name when submitted with form data.\n\n  * `name` {`string | undefined`} - Indicates the name when submitted with form data.\n\n  * `label` {`string`} - Name\n\n  * `variant` {`ButtonVariant`} - Changes the style of the button.\n- Primary: Used for the most important call to action on a page. Try to\n   limit primary buttons to one per page.\n- Secondary: Use secondary buttons for general actions on a page, that\n   don’t require as much emphasis as primary button actions. For example,\n   you can use secondary buttons where there are multiple actions, like in\n   toolbars or data lists.\n- Tertiary: Tertiary buttons are flexible and can be used as needed.\n\n  * `size` {`ButtonSizes`} - Size\n\n  * `disabled` {`boolean`} - Indicates that the button cannot be pressed or focused by the user.\n\n  * `type` {ButtonType | undefined} - Indicates the default behavior of the button via the HTML5 attribute.\n\n  * `override` - Indicates that the button should have input focus when the page loads.\n\nProperties:\n\n  * `styles` - \n\n  * `value` {`string | undefined`} - Indicates the value associated with the name when submitted with form data.\n\n  * `name` {`string | undefined`} - Indicates the name when submitted with form data.\n\n  * `label` {`string`} - Name\n\n  * `variant` {`ButtonVariant`} - Changes the style of the button.\n- Primary: Used for the most important call to action on a page. Try to\n   limit primary buttons to one per page.\n- Secondary: Use secondary buttons for general actions on a page, that\n   don’t require as much emphasis as primary button actions. For example,\n   you can use secondary buttons where there are multiple actions, like in\n   toolbars or data lists.\n- Tertiary: Tertiary buttons are flexible and can be used as needed.\n\n  * `size` {`ButtonSizes`} - Size\n\n  * `autofocus` {`boolean`} - \n\n  * `disabled` {`boolean`} - Indicates that the button cannot be pressed or focused by the user.\n\n  * `type` {ButtonType | undefined} - Indicates the default behavior of the button via the HTML5 attribute.\n\n  * `override` - Indicates that the button should have input focus when the page loads.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "`value` {`string | undefined`} - Indicates the value associated with the name when submitted with form data.\n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string | undefined`} - Indicates the name when submitted with form data.\n\nProperty: name",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - Name\n\nProperty: label\n\nDefault: Button"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`ButtonVariant`} - Changes the style of the button.\n- Primary: Used for the most important call to action on a page. Try to\n   limit primary buttons to one per page.\n- Secondary: Use secondary buttons for general actions on a page, that\n   don’t require as much emphasis as primary button actions. For example,\n   you can use secondary buttons where there are multiple actions, like in\n   toolbars or data lists.\n- Tertiary: Tertiary buttons are flexible and can be used as needed.\n\nProperty: variant\n\nDefault: primary",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
+            },
+            {
+              "name": "danger"
+            },
+            {
+              "name": "control"
+            },
+            {
+              "name": "link"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "`size` {`ButtonSizes`} - Size\n\nProperty: size\n\nDefault: medium",
+          "values": [
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Indicates that the button cannot be pressed or focused by the user.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "type",
+          "description": "`type` {ButtonType | undefined} - Indicates the default behavior of the button via the HTML5 attribute.\n\nProperty: type",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "submit"
+            },
+            {
+              "name": "reset"
+            }
+          ]
+        },
+        {
+          "name": "override",
+          "description": "`override` - Indicates that the button should have input focus when the page loads.\n\nProperty: override"
+        },
+        {
+          "name": "oncount-changed",
+          "description": "`count-changed` {} - Indicates when the count changes"
+        }
+      ]
+    },
+    {
+      "name": "nile-heading",
+      "description": "An nile-heading element.\n\nEvents:\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - This element has a slot\n\nAttributes:\n\n  * `name` {`string`} - Button Lab\n\nProperties:\n\n  * `styles` - \n\n  * `name` {`string`} - Button Lab\n\n  * `override` - ",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "`name` {`string`} - Button Lab\n\nProperty: name\n\nDefault: Heading 1"
+        },
+        {
+          "name": "oncount-changed",
+          "description": "`count-changed` {} - Indicates when the count changes"
+        }
+      ]
+    },
+    {
+      "name": "nile-icon",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `color` - Color\n\n  * `override` - \n\nProperties:\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `_svg` {`string`} - \n\n  * `title` {`string`} - \n\n  * `color` - Color\n\n  * `styles` - \n\n  * `override` - ",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "`name` {IconName | undefined} - The name of the icon\n\nProperty: name",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "`description` {`string`} - A description of what the icon represents\n\nProperty: description\n\nDefault: "
+        },
+        {
+          "name": "size",
+          "description": "`size` {`number`} - A size of what the icon represents\n\nProperty: size\n\nDefault: 16"
+        },
+        {
+          "name": "color",
+          "description": "`color` - Color\n\nProperty: color\n\nDefault: #7F7F7F"
+        },
+        {
+          "name": "override",
+          "description": "`override` - \n\nProperty: override"
+        }
+      ]
+    },
+    {
+      "name": "nile-input",
+      "description": "An nile-input element.\n\nEvents:\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - This element has a slot\n\nAttributes:\n\n  * `name` {`string`} - Input Lab\n\n  * `label` {`string`} - Input Lab\n\n  * `value` {`string`} - Input Lab\n\nProperties:\n\n  * `styles` - \n\n  * `name` {`string`} - Input Lab\n\n  * `label` {`string`} - Input Lab\n\n  * `value` {`string`} - Input Lab\n\n  * `override` - ",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "`name` {`string`} - Input Lab\n\nProperty: name\n\nDefault: Input 1"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - Input Lab\n\nProperty: label\n\nDefault: Label"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - Input Lab\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "oncount-changed",
+          "description": "`count-changed` {} - Indicates when the count changes"
+        }
+      ]
+    }
+  ],
+  "globalAttributes": [],
+  "valueSets": []
+}

package/web-dev-server.config.mjs

@@ -0,0 +1,27 @@
+// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
+
+/** Use Hot Module replacement by adding --hmr to the start command */
+const hmr = process.argv.includes('--hmr');
+
+export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
+  open: '/demo/',
+  /** Use regular watch mode if HMR is not enabled. */
+  watch: !hmr,
+  /** Resolve bare module imports */
+  nodeResolve: {
+    exportConditions: ['browser', 'development'],
+  },
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto'
+
+  /** Set appIndex to enable SPA routing */
+  // appIndex: 'demo/index.html',
+
+  plugins: [
+    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
+    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
+  ],
+
+  // See documentation for all available options
+});

package/web-test-runner.config.mjs

@@ -0,0 +1,41 @@
+// import { playwrightLauncher } from '@web/test-runner-playwright';
+
+const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
+
+export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
+  /** Test files to run */
+  files: 'dist/test/**/*.test.js',
+
+  /** Resolve bare module imports */
+  nodeResolve: {
+    exportConditions: ['browser', 'development'],
+  },
+
+  /** Filter out lit dev mode logs */
+  filterBrowserLogs(log) {
+    for (const arg of log.args) {
+      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
+        return false;
+      }
+    }
+    return true;
+  },
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto',
+
+  /** Amount of browsers to run concurrently */
+  // concurrentBrowsers: 2,
+
+  /** Amount of test files per browser to test concurrently */
+  // concurrency: 1,
+
+  /** Browsers to run tests on */
+  // browsers: [
+  //   playwrightLauncher({ product: 'chromium' }),
+  //   playwrightLauncher({ product: 'firefox' }),
+  //   playwrightLauncher({ product: 'webkit' }),
+  // ],
+
+  // See documentation for all available options
+});