@muenchen/muc-patternlab-vue 0.1.0

package/.eslintrc.cjs

@@ -0,0 +1,15 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/.github/workflows/build.yaml

@@ -0,0 +1,23 @@
+name: build and deploy
+
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+          registry-url: "https://registry.npmjs.org"
+      - run: npm ci        # install dependencies
+      - run: npm run build # or any other step to build your package
+      - run: npm publish   # publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} # in der GitHub it-at-m Orga zentral hinterlegter Token
+

package/.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "none"
+}

package/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,127 @@
+# 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 <opensource@muenchen.de>.
+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/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Landeshauptstadt München | it@M
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,81 @@
+![logo-footer-muenchen-de.svg](docs/images/logo-footer-muenchen-de.svg)
+
+# muc-patternlab-vue
+
+This repository contains a ready-to-use Vue-Components-Library based on [munich.de's MDE5 Patternlab](https://patternlab.muenchen.space/).
+
+In it's current state only some components exist. The library will continuely grow as the need for new components grows.
+
+We intend to let this project be a community project in which every developer who needs new components contributes the results of his work into this library.
+
+### Built With
+
+The documentation project is built with technologies we use in our projects:
+
+* Vue 3
+* [MDE5 Patternlab](https://patternlab.muenchen.space/)
+
+## Roadmap
+
+In the near future we plan to
+
+- Integrate Storybook.js to showcase components
+- Create more components
+- Integrate MDE5 Patternlab npm-Package as soon as it's available
+
+See the [open issues](#) for a full list of proposed features (and known issues).
+
+## Set up
+
+```shell
+git clone https://github.com/it-at-m/muc-patternlab-vue.git
+cd muc-patternlab-vue
+npm install
+npm run dev
+```
+
+## Documentation
+
+### Adding a new Component
+
+1. Create a new Folder under `./src/components`-Directory
+2. Create Vue-Component (with composition api) and index.ts-File which exports your component
+3. Add your new Component to `./src/components/index.ts`
+
+### Using MDE Patternlab-Icons
+
+Patternlab-Icons are provided by a svg-Sprite which is automatically injected in this repos App.vue-File for local testing. You can expect the users of this library to do the same thing.
+
+So to use an icon from Patternlab you can simply follow the official documentation: https://patternlab.muenchen.space/?p=viewall-guidelines-icons
+
+```html
+<svg aria-hidden="true" class="icon">
+  <use xlink:href="#icon-{name}"></use>
+</svg>
+```
+
+## Contributing
+
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+If you have a suggestion that would make this better, please open an issue with the tag "enhancement", fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
+Don't forget to give the project a star! Thanks again!
+
+1. Open an issue with the tag "enhancement"
+2. Fork the Project
+3. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
+4. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
+5. Push to the Branch (`git push origin feature/AmazingFeature`)
+6. Open a Pull Request
+
+More about this in the [CODE_OF_CONDUCT](/CODE_OF_CONDUCT.md) file.
+
+
+## License
+
+Distributed under the MIT License. See [LICENSE](LICENSE) file for more information.
+
+
+## Contact
+
+it@M - opensource@muenchen.de

package/docs/images/logo-footer-muenchen-de.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="280.798" height="54" viewBox="0 0 280.798 54"><defs><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#ffe600"/><stop offset="0.575" stop-color="#ffdc00"/><stop offset="1" stop-color="#ffd300"/></linearGradient></defs><g transform="translate(-305 -93)"><rect width="280.798" height="54" transform="translate(305 93)" fill="none"/><g transform="translate(305.001 93)"><g transform="translate(64.327 6.993)"><path d="M683.682,227.219h2.084a4.742,4.742,0,0,0,3.242-.774,4.2,4.2,0,0,0,1.464-3.4,4.581,4.581,0,0,0-1.238-3.3,4.5,4.5,0,0,0-3.493-1.084H683.68v8.558Zm2.3-6.961a2.514,2.514,0,0,1,2.85,2.757,2.88,2.88,0,0,1-.633,1.953,2.506,2.506,0,0,1-2.027.656h-.859v-5.364h.669v0Zm10.182,6.961h1.584v-6.328h-1.584v.692a2.724,2.724,0,0,0-1.991-.858,3.09,3.09,0,0,0-2.978,3.337,3.149,3.149,0,0,0,3.014,3.324,2.642,2.642,0,0,0,1.955-.833v.667Zm-1.671-5.041a1.73,1.73,0,0,1,1.74,1.86,1.731,1.731,0,1,1-3.447.013,1.727,1.727,0,0,1,1.706-1.873Zm6.771,2.576c.441.215.7.428.7.7s-.31.515-.7.515a1.981,1.981,0,0,1-1.323-.74l-.979,1.074a2.678,2.678,0,0,0,2.217,1.082,2.046,2.046,0,0,0,2.278-1.979c0-.941-.549-1.5-1.609-2.025l-.584-.3c-.346-.167-.574-.287-.574-.525s.251-.382.574-.382a1.627,1.627,0,0,1,1.1.584l.977-.989a2.574,2.574,0,0,0-2.086-1.05,1.908,1.908,0,0,0-2.05,1.825c0,.8.513,1.417,1.525,1.93l.538.278Zm10.488-4.029a3.312,3.312,0,0,0-3.278,3.337,3.319,3.319,0,1,0,6.638-.013,3.325,3.325,0,0,0-3.36-3.324Zm.023,1.5a1.833,1.833,0,0,1,0,3.662,1.691,1.691,0,0,1-1.706-1.837,1.713,1.713,0,0,1,1.706-1.825Zm3.791.013h.572v4.982h1.584v-4.982h1v-1.348h-1c.01-.953-.118-1.274.5-1.274a2.074,2.074,0,0,1,.572.105v-1.215a3.031,3.031,0,0,0-1.12-.226c-1.668,0-1.525,1.192-1.536,2.609h-.572v1.348Zm3.934,0h.572v4.982h1.586v-4.982h1v-1.348h-1c.01-.953-.12-1.274.5-1.274a2.06,2.06,0,0,1,.572.105v-1.215a3.011,3.011,0,0,0-1.12-.226c-1.668,0-1.525,1.192-1.538,2.609H719.5v1.348Zm4.5,4.982h1.584v-6.328h-1.584v6.328Zm.785-8.937a.987.987,0,0,0-1.013.964,1.054,1.054,0,0,0,1.013,1.1,1.013,1.013,0,0,0,1.013-1.013,1.028,1.028,0,0,0-1.013-1.048Zm2.324,3.955h2.417l-2.86,4.982H731.8v-1.346H729.1l2.848-4.982H727.1v1.346Zm5.828,4.982h1.584v-6.328h-1.584v6.328Zm.787-8.937a.987.987,0,0,0-1.012.964,1.056,1.056,0,0,0,1.012,1.1,1.013,1.013,0,0,0,1.012-1.013,1.026,1.026,0,0,0-1.012-1.048Zm6.83,7.079a2.061,2.061,0,0,1-1.576.62,1.7,1.7,0,0,1-1.776-1.468h5.1c0-.143.013-.215.013-.357a3.326,3.326,0,1,0-6.651-.11,3.452,3.452,0,0,0,6.223,1.945l-1.333-.631Zm-3.28-2.1a1.839,1.839,0,0,1,3.445,0Zm6.153,3.955H745v-8.771h-1.584v8.771Zm3.1,0H748.1v-8.771h-1.584v8.771Zm7.615-1.858a2.056,2.056,0,0,1-1.574.62,1.693,1.693,0,0,1-1.776-1.468h5.1c0-.143.013-.215.013-.357a3.327,3.327,0,1,0-6.653-.11,3.452,3.452,0,0,0,6.223,1.945l-1.333-.631Zm-3.278-2.1a1.839,1.839,0,0,1,3.445,0Zm10.047,2.312a2.913,2.913,0,0,0,2.753,1.858A2.419,2.419,0,0,0,766.276,225c0-1.561-1.274-2.23-2.871-3.637-.251-.213-.5-.428-.5-.761a.644.644,0,0,1,.726-.6,1.679,1.679,0,0,1,1.289.882l1.215-1.074a3.19,3.19,0,0,0-2.479-1.369,2.245,2.245,0,0,0-2.346,2.156c0,1.215,1.048,2.025,2.824,3.516a1.333,1.333,0,0,1,.548.953.907.907,0,0,1-.989.8c-.572,0-1.025-.382-1.417-1.12l-1.373.825Zm6.948-4.685h-.81v1.358h.81v4.972h1.586V222.25h.941v-1.358h-.941v-2.335H767.85v2.335Zm8.07,6.328H777.5v-6.328H775.92v.692a2.721,2.721,0,0,0-1.993-.858,3.091,3.091,0,0,0-2.978,3.337,3.149,3.149,0,0,0,3.014,3.324,2.635,2.635,0,0,0,1.955-.833v.667Zm-1.668-5.041a1.73,1.73,0,0,1,1.74,1.86,1.73,1.73,0,1,1-3.445.013,1.723,1.723,0,0,1,1.7-1.873Zm9.416,5.041h1.586v-8.771h-1.586v3.134a2.717,2.717,0,0,0-1.991-.858,3.092,3.092,0,0,0-2.98,3.337,3.149,3.149,0,0,0,3.014,3.324,2.635,2.635,0,0,0,1.955-.833v.667ZM782,222.178a1.887,1.887,0,1,1-1.707,1.873A1.731,1.731,0,0,1,782,222.178Zm5.28-1.287h-.812v1.358h.812v4.972h1.584V222.25h.941v-1.358h-.941v-2.335h-1.584v2.335Zm5.086,0h-1.584v8.64h1.584v-2.978a2.662,2.662,0,0,0,1.955.833,3.158,3.158,0,0,0,3.027-3.324,3.106,3.106,0,0,0-2.991-3.337,2.728,2.728,0,0,0-1.993.859v-.692Zm1.671,1.287a1.885,1.885,0,0,1,0,3.755,1.754,1.754,0,0,1-1.74-1.9,1.724,1.724,0,0,1,1.74-1.858Zm7.235-1.453a3.331,3.331,0,1,0,3.36,3.324,3.312,3.312,0,0,0-3.36-3.324Zm.025,1.5a1.833,1.833,0,0,1,0,3.662,1.69,1.69,0,0,1-1.706-1.837,1.713,1.713,0,0,1,1.706-1.825Zm5.744-1.333h-1.369v6.328h1.584v-2.563c0-.346,0-.74.013-1.084.034-.93.392-1.455.846-1.455a1.087,1.087,0,0,1,.464.131l.489-1.358a1.507,1.507,0,0,0-.69-.167,1.479,1.479,0,0,0-1.335.966v-.8Zm3.483,0h-.81v1.358h.81v4.972h1.584V222.25h.941v-1.358h-.941v-2.335h-1.584v2.335Zm8.066,6.328h1.586v-6.328h-1.586v.692a2.717,2.717,0,0,0-1.991-.858,3.093,3.093,0,0,0-2.98,3.337,3.149,3.149,0,0,0,3.014,3.324,2.635,2.635,0,0,0,1.955-.833v.667Zm-1.666-5.041a1.887,1.887,0,1,1-1.706,1.873,1.731,1.731,0,0,1,1.706-1.873Zm4.816,5.041h1.582v-8.771h-1.582v8.771Z" transform="translate(-613.554 -183.727)" fill="#fff"/><path d="M561.282,70.729V70c0-7.284-5.505-10.484-9.216-10.484a9.826,9.826,0,0,0,0,19.653,10.615,10.615,0,0,0,8.26-4.546L557.1,72.735a6.239,6.239,0,0,1-5.141,2.888,5.449,5.449,0,0,1-5.438-4.9h14.763Zm-4.48-3.31H546.516a5.118,5.118,0,0,1,5.035-4.358c2.424,0,4.44,1.5,5.25,4.358ZM535.482,78.669H539.3V54.47h-3.818v7.819h-.072a6.645,6.645,0,0,0-5.657-2.774,9.293,9.293,0,0,0-9.456,8.642,6.392,6.392,0,0,1,4.052.209c.437-2.327,1.806-4.972,5.7-5.073,3.008-.078,5.579,2.7,5.579,6.05a5.92,5.92,0,0,1-5.579,6.052,3.9,3.9,0,0,1-1.584-.382,6.448,6.448,0,0,1-1.65,3.746,10.067,10.067,0,0,0,2.755.413,7.162,7.162,0,0,0,5.839-2.776h.072v2.272Zm-25.042,0h3.843V67.343c0-4.655-3.185-7.952-6.946-7.952a6.229,6.229,0,0,0-5.474,2.871h-.074V59.9h-3.845V78.671h3.845V68.16c0-3.065,1.922-4.736,4.4-4.736,2.55,0,4.252,1.4,4.252,4.811V78.669Zm-29.459-7.94h14.757V70c0-7.284-5.507-10.484-9.214-10.484a9.826,9.826,0,0,0,0,19.653,10.625,10.625,0,0,0,8.262-4.546l-3.236-1.888a6.235,6.235,0,0,1-5.138,2.888,5.438,5.438,0,0,1-5.432-4.894Zm0-3.31a5.108,5.108,0,0,1,5.027-4.358c2.422,0,4.444,1.5,5.254,4.358ZM470.923,78.669h3.82V67.417c0-4.626-3.16-7.9-6.906-7.9a6.187,6.187,0,0,0-5.432,2.852h-.076v-7.9h-3.818v24.2h3.818V68.225c0-3.042,1.907-4.7,4.368-4.7,2.533,0,4.223,1.388,4.223,4.778V78.669Zm-27.571-9.328a5.808,5.808,0,0,1,5.765-6.05,5.243,5.243,0,0,1,4.626,2.812l3.339-2.08a9.084,9.084,0,0,0-7.965-4.51,9.826,9.826,0,0,0,0,19.653,9.41,9.41,0,0,0,7.965-4.508l-3.339-2.08a5.26,5.26,0,0,1-4.626,2.812,5.8,5.8,0,0,1-5.765-6.05Zm-9.475,9.328h3.843V67.343c0-4.655-3.179-7.952-6.95-7.952a6.228,6.228,0,0,0-5.472,2.871h-.076V59.9h-3.843V78.671h3.843V68.16c0-3.065,1.926-4.736,4.4-4.736,2.552,0,4.255,1.4,4.255,4.811V78.669Zm-29.221-7.94h14.761V70c0-7.284-5.505-10.484-9.218-10.484a9.826,9.826,0,0,0,0,19.653,10.622,10.622,0,0,0,8.264-4.546l-3.234-1.888a6.238,6.238,0,0,1-5.138,2.888,5.441,5.441,0,0,1-5.436-4.894Zm0-3.31a5.111,5.111,0,0,1,5.033-4.358c2.419,0,4.442,1.5,5.25,4.358Zm-6.24,3.388V60.02H394.6V70.463a4.313,4.313,0,1,1-8.591,0V60.02h-3.816V70.807a8.117,8.117,0,1,0,16.227,0Zm-22.155,7.862h3.82V67.881a8.147,8.147,0,0,0-14.426-5.4,7.784,7.784,0,0,0-2.019-1.77l-.025-.015a7.608,7.608,0,0,0-.709-.378l-.165-.074c-.2-.089-.4-.171-.61-.243-.078-.027-.154-.053-.234-.078-.19-.061-.384-.114-.578-.16-.089-.021-.175-.044-.264-.061-.2-.042-.4-.072-.6-.1-.084-.011-.167-.027-.251-.036a8.3,8.3,0,0,0-.858-.046,8.016,8.016,0,0,0-8.113,8.364V78.671h3.818V68.227a4.313,4.313,0,1,1,8.591,0V78.671h4.029V68.227a4.313,4.313,0,1,1,8.591,0V78.669Z" transform="translate(-351.23 -54.47)" fill="#fff"/><g transform="translate(165.89 14.903)"><path d="M1142.57,134.9a4.889,4.889,0,1,0-4.89-4.889,4.89,4.89,0,0,0,4.89,4.889Z" transform="translate(-1137.68 -125.12)" fill="url(#a)"/></g></g><g transform="translate(0 0)"><circle cx="25.125" cy="25.125" r="25.125" transform="translate(1.875 1.875)" fill="url(#a)"/><g transform="translate(1.42 35.663)"><path d="M78.58,208.727a27.01,27.01,0,0,0,25.58-18.337H53A27.01,27.01,0,0,0,78.58,208.727Z" transform="translate(-53 -190.39)" fill="#005a9f"/></g><path d="M54.208,97.473h48.823a27.34,27.34,0,0,0,1.158-2.852H96.547V90.333l-.162-1.888h-.07l-.2,1.93v.774l-.6-.943V85.6l-.152-1.785h-.1l-.179,1.38-.51-.4L93.313,74.433a.586.586,0,0,0,.413-.559.542.542,0,0,0-.076-.27l.409-.525-.08-.095-.635.346-.086-.036a.288.288,0,0,0,.167-.262.292.292,0,1,0-.416.262l-.089.036-.633-.346-.078.095.407.525a.57.57,0,0,0,.34.829L91.7,84.788l-.51.4-.181-1.38H90.9L90.748,85.6v4.609l-.6.943v-.774l-.2-1.93h-.072l-.165,1.888v4.288h-8.6V92.944l-.776-.764V86.262l-.19-.31V80.586l-.278-.519v-.778l.12-.137-.105-.257V76.352a3.479,3.479,0,0,0,.548-1.869,3.914,3.914,0,0,0-3.693-3.74c-.266-.158-.329-.639-.346-.941a.413.413,0,1,0-.181,0c-.013.3-.076.783-.342.941a3.912,3.912,0,0,0-3.691,3.74,3.494,3.494,0,0,0,.544,1.869v2.542l-.1.257.122.137v.778l-.276.519v5.366l-.192.31v5.919l-.724.707-.724-.707V86.262l-.192-.31V80.586l-.276-.519v-.778l.122-.137-.1-.257V76.352a3.513,3.513,0,0,0,.544-1.869,3.913,3.913,0,0,0-3.691-3.74c-.268-.158-.329-.639-.346-.941a.413.413,0,1,0-.181,0c-.017.3-.078.783-.344.941h0a3.915,3.915,0,0,0-3.691,3.74,3.5,3.5,0,0,0,.546,1.869v2.542l-.1.257.122.137v.778l-.278.519v5.366l-.19.31v5.919l-.778.764v1.677H53.05A26.885,26.885,0,0,0,54.208,97.473Zm41.225-5.322.3-.519.3.519V93.16h-.6Zm-.793-6.938.384.3v.629H94.64ZM92.856,73.823a.275.275,0,1,1,.551,0,.275.275,0,1,1-.551,0ZM91.242,85.515l.382-.3v.93h-.382ZM90.23,92.151l.3-.519.3.519v1.01h-.6v-1.01Z" transform="translate(-51.62 -58.927)" fill="#005a9f"/><path d="M73.27,21.32a27,27,0,1,0,27,27A27,27,0,0,0,73.27,21.32Zm0,52.124A25.125,25.125,0,1,1,98.394,48.32,25.125,25.125,0,0,1,73.27,73.444Z" transform="translate(-46.27 -21.32)" fill="#009adf"/></g></g></g></svg>

package/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Muc Patternlab Vue Components Demo</title>
+
+    <!-- Muenchen.de-Styles -->
+    <link href="src/assets/temporary/muenchende-fontfaces.css" rel="stylesheet">
+    <link href="src/assets/temporary/muenchende-style.css" rel="stylesheet">
+
+</head>
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@muenchen/muc-patternlab-vue",
+  "author": "FabianWilms",
+  "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/mde5-patternlab-vue.umd.cjs",
+  "module": "./dist/mde5-patternlab-vue.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/it-at-m/muc-patternlab-vue"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/mde5-patternlab-vue.js",
+      "require": "./dist/mde5-patternlab-vue.umd.cjs"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run type-check && npm run build-only",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "vue": "^3.4.15"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@tsconfig/node20": "^20.1.2",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.10",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.49.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "jsdom": "^24.0.0",
+    "npm-run-all2": "^6.1.1",
+    "prettier": "^3.0.3",
+    "typescript": "~5.3.0",
+    "vite": "^5.0.11",
+    "vitest": "^1.2.2",
+    "vue-tsc": "^1.8.27"
+  }
+}