web-component-wrapper 0.0.615 → 0.0.616

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/decorator.js CHANGED
@@ -62,20 +62,15 @@ module.exports = x({ ["string"]: () => (__WEBPACK_EXTERNAL_MODULE_clientnode_pro
62
62
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop));
63
63
  /******/
64
64
  /************************************************************************/
65
- let __webpack_exports__ = {};
66
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
67
- /* harmony export */ A: () => (decorator),
68
- /* harmony export */ M: () => (/* binding */ property)
69
- /* harmony export */ });
70
65
  /* harmony import */ var clientnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
71
66
  /* harmony import */ var clientnode_property_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
72
67
  // #!/usr/bin/env babel-node
73
68
  // -*- coding: utf-8 -*-
74
69
  /** @module decorator *//* !
75
70
  region header
76
- [Project page](https://torben.website/web-component-wrapper)
71
+ [Project page](https://tsickert.com/web-component-wrapper)
77
72
 
78
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
73
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
79
74
 
80
75
  License
81
76
  -------
@@ -108,5 +103,4 @@ let __webpack_exports__ = {};
108
103
  * @param target - Instance to apply given property to.
109
104
  * @param name - Field name to apply.
110
105
  */return function(target,name){if(typeof name!=="string")return;const self=target.self||target.constructor;if(options.readAttribute){if(!Object.prototype.hasOwnProperty.call(self,"observedAttributes"))self.observedAttributes=self.observedAttributes?[...self.observedAttributes]:[];const attributeName=(0,clientnode__WEBPACK_IMPORTED_MODULE_0__.camelCaseToDelimited)(name);if(self.observedAttributes&&!self.observedAttributes.includes(attributeName))self.observedAttributes.push(attributeName)}if(options.type){if(!Object.prototype.hasOwnProperty.call(self,"propertyTypes"))self.propertyTypes=self.propertyTypes?{...self.propertyTypes}:{};if(self.propertyTypes&&(options.update||!Object.prototype.hasOwnProperty.call(self,name)))self.propertyTypes[name]=options.type}if(options.writeAttribute){if(!Object.prototype.hasOwnProperty.call(self,"propertiesToReflectAsAttributes"))self.propertiesToReflectAsAttributes=self.propertiesToReflectAsAttributes?(0,clientnode__WEBPACK_IMPORTED_MODULE_0__.copy)(self.propertiesToReflectAsAttributes):[];if(options.update||self.propertiesToReflectAsAttributes instanceof Map&&!self.propertiesToReflectAsAttributes.has(name)||Array.isArray(self.propertiesToReflectAsAttributes)&&!self.propertiesToReflectAsAttributes.includes(name)||typeof self.propertiesToReflectAsAttributes==="object"&&!Object.prototype.hasOwnProperty.call(self.propertiesToReflectAsAttributes,name)){let result;if(typeof options.writeAttribute==="boolean"){if(options.writeAttribute&&self.propertyTypes&&Object.prototype.hasOwnProperty.call(self.propertyTypes,name))result=self.propertyTypes[name]}else result=options.writeAttribute;if(result!==undefined){if(Array.isArray(self.propertiesToReflectAsAttributes))if(options.writeAttribute===true)self.propertiesToReflectAsAttributes.push(name);else if(self.normalizePropertyTypeList)self.propertiesToReflectAsAttributes=self.normalizePropertyTypeList(self.propertiesToReflectAsAttributes);if(self.propertiesToReflectAsAttributes instanceof Map)self.propertiesToReflectAsAttributes.set(name,result);if(typeof self.propertiesToReflectAsAttributes==="object")self.propertiesToReflectAsAttributes[name]=result}}}if(options.alias){if(!Object.prototype.hasOwnProperty.call(self,"propertyAliases"))self.propertyAliases=self.propertyAliases?{...self.propertyAliases}:{};if(self.propertyAliases&&(options.update||!Object.prototype.hasOwnProperty.call(self,name)))self.propertyAliases[name]=options.alias}}}/* harmony default export */ const decorator = (property);
111
- const __webpack_exports__default = __webpack_exports__.A;
112
- export { __webpack_exports__default as default, property };
106
+ export { decorator as default, property };
package/dist/index.js CHANGED
@@ -37,9 +37,9 @@ module.exports = x({ ["NullSymbol"]: () => (__WEBPACK_EXTERNAL_MODULE_clientnode
37
37
  // -*- coding: utf-8 -*-
38
38
  /** @module decorator *//* !
39
39
  region header
40
- [Project page](https://torben.website/web-component-wrapper)
40
+ [Project page](https://tsickert.com/web-component-wrapper)
41
41
 
42
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
42
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
43
43
 
44
44
  License
45
45
  -------
@@ -84,14 +84,14 @@ module.exports = x({ ["NullSymbol"]: () => (__WEBPACK_EXTERNAL_MODULE_clientnode
84
84
  /* unused harmony exports log, GenericHTMLElement, Web */
85
85
  /* harmony import */ var clientnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
86
86
  /* harmony import */ var clientnode_property_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
87
- /* harmony import */ var _decorator_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
87
+ /* harmony import */ var _decorator_js__WEBPACK_IMPORTED_MODULE_2__ = /*#__PURE__*/__webpack_require__(2);
88
88
  // #!/usr/bin/env babel-node
89
89
  // -*- coding: utf-8 -*-
90
90
  /** @module web *//* !
91
91
  region header
92
- [Project page](https://torben.website/web-component-wrapper)
92
+ [Project page](https://tsickert.com/web-component-wrapper)
93
93
 
94
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
94
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
95
95
 
96
96
  License
97
97
  -------
@@ -101,7 +101,7 @@ module.exports = x({ ["NullSymbol"]: () => (__WEBPACK_EXTERNAL_MODULE_clientnode
101
101
  See https://creativecommons.org/licenses/by/3.0/deed.de
102
102
  endregion
103
103
  */// region imports
104
- var _dec,_class,_descriptor,_Web;function _initializerDefineProperty(e,i,r,l){r&&Object.defineProperty(e,i,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(l):void 0})}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function _applyDecoratedDescriptor(i,e,r,n,l){var a={};return Object.keys(n).forEach(function(i){a[i]=n[i]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,("value"in a||a.initializer)&&(a.writable=!0),a=r.slice().reverse().reduce(function(r,n){return n(i,e,r)||r},a),l&&void 0!==a.initializer&&(a.value=a.initializer?a.initializer.call(l):void 0,a.initializer=void 0),void 0===a.initializer?(Object.defineProperty(i,e,a),null):a}function _initializerWarningHelper(r,e){throw Error("Decorating class property failed. Please ensure that transform-class-properties is enabled and runs after the decorators transform.")};// endregion
104
+ var _dec,_class,_descriptor,_Web;function _initializerDefineProperty(e,i,r,l){r&&Object.defineProperty(e,i,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(l):void 0})}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var r;if("undefined"!=typeof Symbol&&void 0!==(r=t[Symbol.toPrimitive])){var i=r.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function _applyDecoratedDescriptor(i,e,r,n,l){var a={};return Object.keys(n).forEach(function(i){a[i]=n[i]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,("value"in a||a.initializer)&&(a.writable=!0),a=r.slice().reverse().reduce(function(r,n){return n(i,e,r)||r},a),l&&void 0!==a.initializer&&(a.value=a.initializer?a.initializer.call(l):void 0,a.initializer=void 0),void 0===a.initializer?(Object.defineProperty(i,e,a),null):a}function _initializerWarningHelper(r,e){throw Error("Decorating class property failed. Please ensure that transform-class-properties is enabled and runs after the decorators transform.")};// endregion
105
105
  const log=new clientnode__WEBPACK_IMPORTED_MODULE_0__.Logger({name:"web-component-wrapper.web"});/*
106
106
  NOTE: We mock HTMLElement to be able to load this class and derived one
107
107
  into node environments.
@@ -575,15 +575,15 @@ var property_types_ = __webpack_require__(1);
575
575
  ;// external "react-dom/client"
576
576
 
577
577
  // EXTERNAL MODULE: ./src/Web.ts
578
- var Web = __webpack_require__(3);
578
+ var Web = /*#__PURE__*/__webpack_require__(3);
579
579
  ;// ./src/ReactWeb.ts
580
580
  // #!/usr/bin/env babel-node
581
581
  // -*- coding: utf-8 -*-
582
582
  /** @module react *//* !
583
583
  region header
584
- [Project page](https://torben.website/web-component-wrapper)
584
+ [Project page](https://tsickert.com/web-component-wrapper)
585
585
 
586
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
586
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
587
587
 
588
588
  License
589
589
  -------
@@ -593,7 +593,7 @@ var Web = __webpack_require__(3);
593
593
  See https://creativecommons.org/licenses/by/3.0/deed.de
594
594
  endregion
595
595
  */// region imports
596
- function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)};// endregion
596
+ function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var r;if("undefined"!=typeof Symbol&&void 0!==(r=t[Symbol.toPrimitive])){var i=r.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)};// endregion
597
597
  const log=new external_clientnode_.Logger({name:"web-component-wrapper.react-web"});/*
598
598
  Live cycle:
599
599
 
@@ -846,18 +846,17 @@ for(const name of["isRoot","isTrusted","__composed"])if(Object.prototype.hasOwnP
846
846
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop));
847
847
  /******/
848
848
  /************************************************************************/
849
- let __webpack_exports__ = {};
850
849
  /* harmony import */ var clientnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
851
- /* harmony import */ var _decorator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
852
- /* harmony import */ var _ReactWeb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
853
- /* harmony import */ var _Web_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
850
+ /* harmony import */ var _decorator_js__WEBPACK_IMPORTED_MODULE_1__ = /*#__PURE__*/__webpack_require__(2);
851
+ /* harmony import */ var _ReactWeb_js__WEBPACK_IMPORTED_MODULE_2__ = /*#__PURE__*/__webpack_require__(4);
852
+ /* harmony import */ var _Web_js__WEBPACK_IMPORTED_MODULE_3__ = /*#__PURE__*/__webpack_require__(3);
854
853
  // #!/usr/bin/env babel-node
855
854
  // -*- coding: utf-8 -*-
856
855
  /** @module index *//* !
857
856
  region header
858
- [Project page](https://torben.website/web-component-wrapper)
857
+ [Project page](https://tsickert.com/web-component-wrapper)
859
858
 
860
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
859
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
861
860
 
862
861
  License
863
862
  -------
@@ -867,7 +866,7 @@ let __webpack_exports__ = {};
867
866
  See https://creativecommons.org/licenses/by/3.0/deed.de
868
867
  endregion
869
868
  */// region imports
870
- function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)};// endregion
869
+ function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var r;if("undefined"!=typeof Symbol&&void 0!==(r=t[Symbol.toPrimitive])){var i=r.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)};// endregion
871
870
  const property=_decorator_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A;const ReactWeb=_ReactWeb_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay;const reactWebAPI=_ReactWeb_js__WEBPACK_IMPORTED_MODULE_2__/* .api */ .FH;const webAPI=_Web_js__WEBPACK_IMPORTED_MODULE_3__/* .api */ .FH;const Web=_Web_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay;/**
872
871
  * Wraps given react component as web component.
873
872
  * @param component - React component to wrap.
@@ -885,15 +884,4 @@ let propertiesToReflectAsAttributes=configuration.propertiesToReflectAsAttribute
885
884
  * Runtime generated web component.
886
885
  */class ConcreteComponent extends ReactWeb{constructor(...args){super(...args);_defineProperty(this,"self",ConcreteComponent);_defineProperty(this,"internalProperties",configuration.internalProperties?{...configuration.internalProperties}:component.internalProperties?{...component.internalProperties}:{});_defineProperty(this,"unmountOnDisconnect",configuration.unmountOnDisconnect??true)}}_defineProperty(ConcreteComponent,"attachWebComponentAdapterIfNotExists",typeof configuration.attachWebComponentAdapterIfNotExists==="boolean"?configuration.attachWebComponentAdapterIfNotExists:true);_defineProperty(ConcreteComponent,"content",component);_defineProperty(ConcreteComponent,"observedAttributes",ReactWeb.observedAttributes.concat(attributeNames)// NOTE: Respect pre-evaluation indicator attributes.
887
886
  .concat(attributeNames.map(name=>`-${name}`)));_defineProperty(ConcreteComponent,"controllableProperties",component.controllableProperties||configuration.controllableProperties||[]);_defineProperty(ConcreteComponent,"eventToPropertyMapping",configuration.eventToPropertyMapping===null?configuration.eventToPropertyMapping:configuration.eventToPropertyMapping?{...configuration.eventToPropertyMapping}:component.eventToPropertyMapping===null?component.eventToPropertyMapping:component.eventToPropertyMapping?{...component.eventToPropertyMapping}:{});_defineProperty(ConcreteComponent,"propertyAliases",{...ReactWeb.propertyAliases,...propertyAliases});_defineProperty(ConcreteComponent,"propertiesToReflectAsAttributes",propertiesToReflectAsAttributes);_defineProperty(ConcreteComponent,"propertyTypes",{...ReactWeb.propertyTypes,...propertyTypes});_defineProperty(ConcreteComponent,"renderProperties",configuration.renderProperties??component.renderProperties??ReactWeb.renderProperties);_defineProperty(ConcreteComponent,"_name",name);const webComponentAPI={component:ConcreteComponent,register:(tagName=(0,clientnode__WEBPACK_IMPORTED_MODULE_0__.camelCaseToDelimited)(name))=>{customElements.define(tagName,ConcreteComponent)}};return webComponentAPI};/* harmony default export */ const src = (wrapAsWebComponent);
888
- /* harmony export */ __webpack_require__.d(__webpack_exports__, [
889
- /* harmony export */ "Ay", 0, src,
890
- /* harmony export */ "MZ", 0, /* binding */ property,
891
- /* harmony export */ "Nc", 0, /* binding */ Web,
892
- /* harmony export */ "YF", 0, /* binding */ wrapAsWebComponent,
893
- /* harmony export */ "Z1", 0, /* binding */ webAPI,
894
- /* harmony export */ "g0", 0, /* binding */ ReactWeb,
895
- /* harmony export */ "mT", 0, /* binding */ reactWebAPI
896
- /* harmony export */ ]);
897
-
898
- const __webpack_exports__default = __webpack_exports__.Ay;
899
- export { ReactWeb, Web, __webpack_exports__default as default, property, reactWebAPI, webAPI, wrapAsWebComponent };
887
+ export { ReactWeb, Web, src as default, property, reactWebAPI, webAPI, wrapAsWebComponent };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-component-wrapper",
3
- "version": "0.0.615",
3
+ "version": "0.0.616",
4
4
  "description": "Generic web-component base class and framework specific wrapper.",
5
5
  "keywords": [
6
6
  "component",
@@ -12,16 +12,16 @@
12
12
  "webcomponent",
13
13
  "web-component"
14
14
  ],
15
- "homepage": "https://torben.website/web-component-wrapper",
15
+ "homepage": "https://tsickert.com/web-component-wrapper",
16
16
  "bugs": {
17
- "email": "info@torben.website",
17
+ "email": "info@tsickert.com",
18
18
  "url": "https://github.com/thaibault/web-component-wrapper/issues"
19
19
  },
20
20
  "license": "CC-BY-3.0",
21
21
  "author": {
22
- "email": "info@torben.website",
22
+ "email": "info@tsickert.com",
23
23
  "name": "Torben Sickert",
24
- "url": "https://torben.website"
24
+ "url": "https://tsickert.com"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",
@@ -75,31 +75,31 @@
75
75
  "watch": "weboptimizer build --watch"
76
76
  },
77
77
  "devDependencies": {
78
- "@babel/eslint-parser": "^8.0.5",
78
+ "@babel/eslint-parser": "^8.0.7",
79
79
  "@eslint/js": "^10.0.1",
80
80
  "@stylistic/eslint-plugin": "^5.10.0",
81
81
  "@types/ejs": "^3.1.5",
82
82
  "@types/html-minifier": "^4.0.6",
83
83
  "@types/jsdom": "^30.0.0",
84
- "@types/node": "^26.6.0",
84
+ "@types/node": "^26.6.5",
85
85
  "@types/react": "^19.3.0",
86
86
  "@types/react-dom": "^19.3.0",
87
87
  "@types/webpack-env": "^1.18.8",
88
- "@typescript-eslint/eslint-plugin": "^8.70.0",
89
- "@typescript-eslint/parser": "^8.70.0",
88
+ "@typescript-eslint/eslint-plugin": "^8.71.2",
89
+ "@typescript-eslint/parser": "^8.71.2",
90
90
  "@webcomponents/webcomponentsjs": "^2.8.0",
91
- "clientnode": "^4.0.1521",
92
- "eslint": "^10.10.0",
91
+ "clientnode": "^4.0.1522",
92
+ "eslint": "^10.12.0",
93
93
  "eslint-config-google": "^0.14.0",
94
- "eslint-plugin-jsdoc": "^64.5.0",
95
- "jest": "30.5.1",
94
+ "eslint-plugin-jsdoc": "^65.3.6",
95
+ "jest": "30.5.2",
96
96
  "jsdoc": "^4.0.5",
97
97
  "prop-types": "^15.8.1",
98
- "react": "^19.3.0",
99
- "react-dom": "^19.3.0",
100
- "typescript-eslint": "^8.70.0",
101
- "web-documentation": "^1.0.60",
102
- "weboptimizer": "^4.0.85",
98
+ "react": "^19.3.1",
99
+ "react-dom": "^19.3.1",
100
+ "typescript-eslint": "^8.71.2",
101
+ "web-documentation": "^1.0.61",
102
+ "weboptimizer": "^4.0.87",
103
103
  "webpack-dev-server": "^6.0.0"
104
104
  },
105
105
  "peerDependencies": {
package/readme.md CHANGED
@@ -1,7 +1,7 @@
1
1
  <!-- !/usr/bin/env markdown
2
2
  -*- coding: utf-8 -*-
3
3
  region header
4
- Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
4
+ Copyright Torben Sickert (info["~at~"]tsickert.com) 16.12.2012
5
5
 
6
6
  License
7
7
  -------
@@ -27,7 +27,7 @@ Project Status
27
27
  [![code coverage](https://img.shields.io/coverallsCoverage/github/thaibault/web-component-wrapper?label=code%20coverage&style=for-the-badge)](https://coveralls.io/github/thaibault/web-component-wrapper)
28
28
 
29
29
  [![deploy web documentation](https://img.shields.io/github/actions/workflow/status/thaibault/web-component-wrapper/deploy-web-documentation.yaml?label=deploy%20web%20documentation&style=for-the-badge)](https://github.com/thaibault/web-component-wrapper/actions/workflows/deploy-web-documentation.yaml)
30
- [![web documentation](https://img.shields.io/website-up-down-green-red/https/torben.website/web-component-wrapper.svg?label=web-documentation&style=for-the-badge)](https://torben.website/web-component-wrapper)
30
+ [![web documentation](https://img.shields.io/website-up-down-green-red/https/tsickert.com/web-component-wrapper.svg?label=web-documentation&style=for-the-badge)](https://tsickert.com/web-component-wrapper)
31
31
 
32
32
  <!--|deDE:Verwendung-->
33
33
  Use case