@statistikzh/leu 0.28.0 → 0.28.2

package/CODE_OF_CONDUCT.md

@@ -1,128 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-We as members, contributors, and leaders pledge to make participation in our
-community a harassment-free experience for everyone, regardless of age, body
-size, visible or invisible disability, ethnicity, sex characteristics, gender
-identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, religion, or sexual identity
-and orientation.
-
-We pledge to act and interact in ways that contribute to an open, welcoming,
-diverse, inclusive, and healthy community.
-
-## Our Standards
-
-Examples of behavior that contributes to a positive environment for our
-community include:
-
-- Demonstrating empathy and kindness toward other people
-- Being respectful of differing opinions, viewpoints, and experiences
-- Giving and gracefully accepting constructive feedback
-- Accepting responsibility and apologizing to those affected by our mistakes,
-  and learning from the experience
-- Focusing on what is best not just for us as individuals, but for the
-  overall community
-
-Examples of unacceptable behavior include:
-
-- The use of sexualized language or imagery, and sexual attention or
-  advances of any kind
-- Trolling, insulting or derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or email
-  address, without their explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Enforcement Responsibilities
-
-Community leaders are responsible for clarifying and enforcing our standards of
-acceptable behavior and will take appropriate and fair corrective action in
-response to any behavior that they deem inappropriate, threatening, offensive,
-or harmful.
-
-Community leaders have the right and responsibility to remove, edit, or reject
-comments, commits, code, wiki edits, issues, and other contributions that are
-not aligned to this Code of Conduct, and will communicate reasons for moderation
-decisions when appropriate.
-
-## Scope
-
-This Code of Conduct applies within all community spaces, and also applies when
-an individual is officially representing the community in public spaces.
-Examples of representing our community include using an official e-mail address,
-posting via an official social media account, or acting as an appointed
-representative at an online or offline event.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to the community leaders responsible for enforcement at
-[INSERT CONTACT METHOD].
-All complaints will be reviewed and investigated promptly and fairly.
-
-All community leaders are obligated to respect the privacy and security of the
-reporter of any incident.
-
-## Enforcement Guidelines
-
-Community leaders will follow these Community Impact Guidelines in determining
-the consequences for any action they deem in violation of this Code of Conduct:
-
-### 1. Correction
-
-**Community Impact**: Use of inappropriate language or other behavior deemed
-unprofessional or unwelcome in the community.
-
-**Consequence**: A private, written warning from community leaders, providing
-clarity around the nature of the violation and an explanation of why the
-behavior was inappropriate. A public apology may be requested.
-
-### 2. Warning
-
-**Community Impact**: A violation through a single incident or series
-of actions.
-
-**Consequence**: A warning with consequences for continued behavior. No
-interaction with the people involved, including unsolicited interaction with
-those enforcing the Code of Conduct, for a specified period of time. This
-includes avoiding interactions in community spaces as well as external channels
-like social media. Violating these terms may lead to a temporary or
-permanent ban.
-
-### 3. Temporary Ban
-
-**Community Impact**: A serious violation of community standards, including
-sustained inappropriate behavior.
-
-**Consequence**: A temporary ban from any sort of interaction or public
-communication with the community for a specified period of time. No public or
-private interaction with the people involved, including unsolicited interaction
-with those enforcing the Code of Conduct, is allowed during this period.
-Violating these terms may lead to a permanent ban.
-
-### 4. Permanent Ban
-
-**Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior, harassment of an
-individual, or aggression toward or disparagement of classes of individuals.
-
-**Consequence**: A permanent ban from any sort of public interaction within
-the community.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage],
-version 2.0, available at
-https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
-
-Community Impact Guidelines were inspired by [Mozilla's code of conduct
-enforcement ladder](https://github.com/mozilla/diversity).
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see the FAQ at
-https://www.contributor-covenant.org/faq. Translations are available at
-https://www.contributor-covenant.org/translations.

package/CONTRIBUTING.md

@@ -1,42 +0,0 @@
-# Contributing
-
-We welcome contributions!
-
-To submit a contribution:
-
-    1. Fork the repository and make your changes.
-
-    2. Submit a pull request.
-
-## Collaboration guidelines
-
-We don't want to enforce to many rules on how to collaborate on this project.
-But there are a few things that should be considered when contributing to this
-project.
-
-### Commit messages
-
-We enforce
-[conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) messages
-with [commitlint](https://commitlint.js.org/#/). This way we can automatically
-generate a changelog and version the project with Release Please accordingly.
-
-If you're working on a component, please use its name as the scope of the commit
-message. For example:
-
-You've added a new feature to the `leu-radio` component. Your commit message
-should look like this:
-
-```bash
-git commit -m "feat(radio): add new feature"
-```
-
-### Branching
-
-All new features should be developed in a feature branch that is branched off
-from the `main` branch. Each branch can then be linked to the respective issue
-on GitHub. Please do not merge feature branches into each other. Try to merge
-into the `main` branch as soon as possible. This way we can keep the `main`
-branch up to date and avoid having dependencies between feature branches. The
-feature branch should always be prefixed with the issue number (e.g.
-`48-dropdown`).

package/commitlint.config.cjs

@@ -1 +0,0 @@
-module.exports = { extends: ["@commitlint/config-conventional"] }

package/custom-elements-manifest.config.js

@@ -1,46 +0,0 @@
-import { customElementJetBrainsPlugin } from "custom-element-jet-brains-integration"
-import { customElementVsCodePlugin } from "custom-element-vs-code-integration"
-import { customElementVuejsPlugin } from "custom-element-vuejs-integration"
-
-export default {
-  globs: ["src/components/*/*.ts"],
-  exclude: ["src/**/test/**/*.js", "src/**/stories/**/*.ts"],
-  outdir: "./dist",
-  /** Enable special handling for litelement */
-  litelement: true,
-  plugins: [
-    // Generate custom VS Code data
-    customElementVsCodePlugin({
-      outdir: "./dist",
-      cssFileName: null,
-      referencesTemplate: (_, tag) => [
-        {
-          name: "Documentation",
-          url: `https://statistikzh.github.io/leu/?path=/story/${tag.replace(
-            "leu-",
-            "",
-          )}`,
-        },
-      ],
-    }),
-
-    customElementJetBrainsPlugin({
-      outdir: "./dist",
-      excludeCss: true,
-      packageJson: false,
-      referencesTemplate: (_, tag) => ({
-        name: "Documentation",
-        url: `https://statistikzh.github.io/leu/?path=/story/${tag.replace(
-          "leu-",
-          "",
-        )}`,
-      }),
-    }),
-
-    customElementVuejsPlugin({
-      outdir: "./dist/vue",
-      fileName: "index.d.ts",
-      componentTypePath: (name) => `../${name.replace("Leu", "")}.js`,
-    }),
-  ],
-}

package/eslint.config.mjs

@@ -1,79 +0,0 @@
-import openWcConfig from "@open-wc/eslint-config"
-import tseslint from "typescript-eslint"
-import prettierConfig from "eslint-config-prettier"
-import storybook from "eslint-plugin-storybook"
-import globals from "globals"
-
-import { defineConfig } from "eslint/config"
-
-export default defineConfig(
-  {
-    ignores: [
-      "dist/**",
-      "docs/**",
-      "coverage/**",
-      "scripts/generate-component/templates/**/*",
-      "**/*.d.ts",
-    ],
-  },
-  ...openWcConfig,
-  ...tseslint.configs.recommended,
-  prettierConfig,
-  ...storybook.configs["flat/recommended"],
-  {
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        __LEU_VERSION__: "readonly",
-      },
-    },
-    rules: {
-      "@typescript-eslint/no-unused-vars": [
-        "error",
-        {
-          varsIgnorePattern: "^_",
-          argsIgnorePattern: "^_",
-        },
-      ],
-      "prefer-destructuring": [
-        "error",
-        {
-          AssignmentExpression: {
-            array: false,
-          },
-        },
-      ],
-      "no-use-before-define": "off",
-      "@typescript-eslint/no-use-before-define": "error",
-      "import-x/no-unresolved": "off",
-    },
-  },
-  {
-    files: ["**/scripts/**/*.js", "**/scripts/**/*.ts"],
-    rules: {
-      "import-x/no-extraneous-dependencies": [
-        "error",
-        {
-          devDependencies: true,
-        },
-      ],
-      "no-console": "off",
-    },
-  },
-  {
-    files: ["**/*.test.ts"],
-    rules: {
-      "@typescript-eslint/no-unused-expressions": "off",
-    },
-  },
-  {
-    files: ["**/*.cjs"],
-    rules: {
-      "@typescript-eslint/no-require-imports": "off",
-      "import-x/no-extraneous-dependencies": [
-        "error",
-        { devDependencies: true },
-      ],
-    },
-  },
-)

package/postcss.config.cjs

@@ -1,16 +0,0 @@
-const postcssPresetEnv = require("postcss-preset-env")
-const atImport = require("postcss-import")
-const leuFontStyles = require("./scripts/postcss-leu-font-styles.cjs")
-
-module.exports = {
-  stage: 2,
-  plugins: [
-    atImport(),
-    leuFontStyles(),
-    postcssPresetEnv({
-      features: {
-        "custom-media-queries": true,
-      },
-    }),
-  ],
-}

package/release-please-config.json

@@ -1,9 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/googleapis/release-please/main/schemas/config.json",
-  "release-type": "node",
-  "bump-minor-pre-major": true,
-  "always-update": true,
-  "packages": {
-    ".": {}
-  }
-}

package/scripts/generate-component/generate.js

@@ -1,167 +0,0 @@
-#!/usr/bin/env node
-/* eslint-disable @typescript-eslint/no-use-before-define */
-
-import arg from "arg"
-import fs from "fs"
-import path from "path"
-import { fileURLToPath } from "url"
-
-const fsPromises = fs.promises
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-
-const namespace = "leu"
-const Namespace = "Leu"
-
-const printHelp = () => {
-  console.log(`
-  Usage: ./scripts/generate-component/generate.js [options]
-
-  Options:
-    -n, --name        Name of the component directory, camel-case (required)
-    -c, --components  List of components to generate, camel-case (optional, defaults to name)
-    -h, --help        Print this help message
-
-  Example:
-    ./scripts/generate-component/generate.js --name radio --components radio,radio-button
-    ./scripts/generate-component/generate.js -n select
-  `)
-}
-
-const upperCamelCase = (str) =>
-  str
-    .split("-")
-    .map((chunk) => `${chunk.charAt(0).toUpperCase()}${chunk.slice(1)}`)
-    .join("")
-
-const makeFolder = async (dir) => {
-  if (dir !== "." && !fs.existsSync(dir)) {
-    await fsPromises.mkdir(dir)
-  }
-}
-
-const formatTemplateFileContents = (replacements, content) => {
-  // replace all instances of [name], [Name], [namespace] and [Namespace] accordingly
-  let result = content
-  for (let i = 0; i < replacements.length; i += 1) {
-    const { regex, value } = replacements[i]
-    result = result.replace(regex, value)
-  }
-  return result
-}
-
-const getReplacements = async ({ name }) => {
-  // name to lower-kebab-case (e.g. Text Input -> text-input)
-  // const lowerKebabCaseName = lowerKebabCase(name)
-  // name to UpperCamelCase (e.g. text-input -> TextInput)
-  const upperCamelCaseName = upperCamelCase(name)
-
-  return [
-    { regex: /\[name\]/g, value: name },
-    { regex: /\[namespace\]/g, value: namespace },
-    { regex: /\[Namespace\]/g, value: Namespace },
-    { regex: /\[Name\]/g, value: upperCamelCaseName },
-  ]
-}
-
-const copyFile = async (sourcePath, targetPath, params, replacements) => {
-  const stats = await fsPromises.stat(sourcePath)
-  if (stats.isDirectory()) {
-    await makeFolder(targetPath)
-    await copyAllFiles(sourcePath, targetPath, params)
-  } else if (stats.isFile()) {
-    const templateFileContents = await fsPromises.readFile(sourcePath, {
-      encoding: "utf8",
-    })
-    const formattedTemplateFileContents = formatTemplateFileContents(
-      replacements,
-      templateFileContents,
-    )
-    await fsPromises.writeFile(targetPath, formattedTemplateFileContents, {
-      encoding: "utf8",
-    })
-
-    if (params.verbose) {
-      console.log(`Copied: ${sourcePath} -> ${targetPath}`)
-    }
-  }
-}
-
-const copyAllFiles = async (sourcePath, targetPath, params) => {
-  const fileNames = await fsPromises.readdir(sourcePath)
-  const fileCopyPromises = []
-  const replacements = await getReplacements(params)
-  fileNames.forEach((fileName) => {
-    const newFileName = formatTemplateFileContents(replacements, fileName)
-
-    console.log(`Creating: ${targetPath}/${newFileName}`)
-
-    fileCopyPromises.push(
-      copyFile(
-        `${sourcePath}/${fileName}`,
-        `${targetPath}/${newFileName}`,
-        params,
-        replacements,
-      ),
-    )
-  })
-  await Promise.all(fileCopyPromises)
-}
-
-const generate = async () => {
-  const args = arg({
-    "--help": Boolean,
-    "--name": String,
-    "--components": String,
-    "-n": "--name",
-    "-c": "--components",
-  })
-
-  if (args["--help"]) {
-    printHelp()
-    process.exit(0)
-  }
-
-  if (!args["--name"]) {
-    console.log("Please provide a name for your component.")
-    process.exit(1)
-  }
-
-  const name = args["--name"]
-  const components = args["--components"]
-    ? args["--components"].split(",").map((component) => component.trim())
-    : [name]
-
-  const kebabCaseRegex = /^[a-z]+(-[a-z]+)*$/
-
-  if (![name].concat(components).every((c) => kebabCaseRegex.test(c))) {
-    console.log(
-      "The name and the components have to be in camel case and can only contain [a-z] letters.",
-    )
-    console.log("Example: radio-group")
-    process.exit(1)
-  }
-
-  const destinationPath = path.join(process.cwd(), `src/components/${name}`)
-  const templatesPath = path.join(__dirname, "templates")
-
-  if (fs.existsSync(destinationPath)) {
-    console.log(`The component ${name} already exists.`)
-    process.exit(1)
-  }
-
-  await makeFolder(destinationPath)
-
-  const copyPromises = components.map(async (component) =>
-    copyAllFiles(templatesPath, destinationPath, {
-      name: component,
-      Name: upperCamelCase(component),
-      namespace,
-      Namespace,
-    }),
-  )
-
-  await Promise.all(copyPromises)
-}
-
-await generate()

package/scripts/generate-component/templates/[Name].ts

@@ -1,31 +0,0 @@
-import { html } from "lit"
-import { property } from "lit/decorators.js"
-
-import { LeuElement } from "../../lib/LeuElement.js"
-
-import styles from "./[name].css"
-
-/**
- * @tagname [namespace]-[name]
- */
-export class Leu[Name] extends LeuElement {
-  static styles = [LeuElement.styles, styles]
-
-  static shadowRootOptions = {
-    ...LeuElement.shadowRootOptions,
-    delegatesFocus: true,
-  }
-
-  @property({ type: String })
-  value: string = ""
-
-  constructor() {
-    super()
-  }
-
-  render() {
-    return html`
-      <p>Hello ${this.tagName}</p>
-    `
-  }
-}

package/scripts/generate-component/templates/[name].css

@@ -1,6 +0,0 @@
-:host {
-  --[name]-font-regular: var(--leu-font-family-regular);
-  --[name]-font-black: var(--leu-font-family-black);
-
-  font-family: var(--[name]-font-regular);
-}

package/scripts/generate-component/templates/[namespace]-[name].ts

@@ -1,11 +0,0 @@
-import { [Namespace][Name] } from "./[Name].js"
-
-export { [Namespace][Name] }
-
-[Namespace][Name].define("[namespace]-[name]")
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "[namespace]-[name]": [Namespace][Name]
-  }
-}

package/scripts/generate-component/templates/stories/[name].stories.ts

@@ -1,26 +0,0 @@
-import { Meta, StoryObj } from "@storybook/web-components-vite"
-import { html } from "lit"
-
-import "../[namespace]-[name].js"
-import {[Namespace][Name]} from "../[Name].js"
-
-type StoryArgs = [Namespace][Name]
-type Story = StoryObj<StoryArgs>
-
-export default {
-  title: "Components/[Name]",
-  component: "[namespace]-[name]",
-} satisfies Meta<StoryArgs>
-
-const Template: Story = {
-  render: ({}) => {
-    return html` <[namespace]-[name]></[namespace]-[name]>`
-  }
-}
-
-export const Regular = {
-  ...Template,
-  args: {
-    // Add default args here
-  }
-}

package/scripts/generate-component/templates/test/[name].test.ts

@@ -1,23 +0,0 @@
-import { html } from "lit"
-import { fixture, expect } from "@open-wc/testing"
-
-import "../[namespace]-[name].js"
-import { type [Namespace][Name] } from "../[Name].js"
-
-async function defaultFixture() {
-  return fixture<[Namespace][Name]>(html`<[namespace]-[name]></[namespace]-[name]>`)
-}
-
-describe("[Namespace][Name]", () => {
-  it("is a defined element", async () => {
-    const el = customElements.get("[namespace]-[name]")
-
-    expect(el).not.to.be.undefined
-  })
-
-  it("passes the a11y audit", async () => {
-    const el = await defaultFixture()
-
-    await expect(el).shadowDom.to.be.accessible()
-  })
-})