From b15cfab4fef4a3c01e0bbff6e1dca5c8a8dd3ee3 Mon Sep 17 00:00:00 2001 From: oscar marina Date: Sat, 18 Nov 2023 10:24:17 +0100 Subject: [PATCH] feat(blockquote-base-meta): lit3 --- packages/base/blockquote-base-meta/README.md | 2 +- packages/base/blockquote-base-meta/custom-elements.json | 2 +- packages/base/blockquote-base-meta/package.json | 3 ++- packages/base/blockquote-base-meta/src/BlockquoteBaseMeta.js | 2 +- 4 files changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/base/blockquote-base-meta/README.md b/packages/base/blockquote-base-meta/README.md index 53e61045..f1d3891f 100644 --- a/packages/base/blockquote-base-meta/README.md +++ b/packages/base/blockquote-base-meta/README.md @@ -1,4 +1,4 @@ -![Lit](https://img.shields.io/badge/lit-2.0.0-blue) +![Lit](https://img.shields.io/badge/lit-3.0.0-blue.svg) `BlockquoteBaseMeta` is based on Polymer's `iron-meta`, and it is a generic class that you can use for sharing information across the DOM tree. It uses [monostate pattern](http://c2.com/cgi/wiki?MonostatePattern) pattern such that any instance of it has access to the shared information. diff --git a/packages/base/blockquote-base-meta/custom-elements.json b/packages/base/blockquote-base-meta/custom-elements.json index 2d6264e4..53cd462b 100644 --- a/packages/base/blockquote-base-meta/custom-elements.json +++ b/packages/base/blockquote-base-meta/custom-elements.json @@ -8,7 +8,7 @@ "declarations": [ { "kind": "class", - "description": "![Lit](https://img.shields.io/badge/lit-2.0.0-blue)\n\n`BlockquoteBaseMeta` is based on Polymer's `iron-meta`, and it is a generic class that you can use for sharing information across the DOM tree.\nIt uses [monostate pattern](http://c2.com/cgi/wiki?MonostatePattern) pattern such that any instance of it has access to the shared information.\nYou can use `BlockquoteBaseMeta` to share whatever you want.\nThe `BlockquoteBaseMeta` instances contain your actual data. The only requirement is that you\ncreate them before you try to access them.\n\n`BlockquoteBaseMeta` uses [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map).\n\nMap is a collection of keyed data items, just like an Object.\nBut the main difference is that Map allows keys of any type.\n\n### Usage\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const myDefault = new BlockquoteBaseMeta({\n key: 'basic',\n value: 'foo/bar',\n });\n\nconsole.log(myDefault.value); // foo/bar\n```\n\n### Keys string - Object\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const myDefault = new BlockquoteBaseMeta({\n type: 'one',\n key: 'basic',\n value: 'foo/bar',\n });\n\n console.log(myDefault.objectList); // {basic: 'foo/bar'}\n```\n\n### Keys any type - Map\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const keyInfo = { id: 'dsfaskj0' };\n const myDefault = new BlockquoteBaseMeta({\n type: 'two',\n key: keyInfo,\n value: 'foo/bar',\n });\n\nconsole.log(myDefault.mapList); // {{ id: 'dsfaskj0' }: 'foo/bar'}\n```", + "description": "![Lit](https://img.shields.io/badge/lit-3.0.0-blue.svg)\n\n`BlockquoteBaseMeta` is based on Polymer's `iron-meta`, and it is a generic class that you can use for sharing information across the DOM tree.\nIt uses [monostate pattern](http://c2.com/cgi/wiki?MonostatePattern) pattern such that any instance of it has access to the shared information.\nYou can use `BlockquoteBaseMeta` to share whatever you want.\nThe `BlockquoteBaseMeta` instances contain your actual data. The only requirement is that you\ncreate them before you try to access them.\n\n`BlockquoteBaseMeta` uses [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map).\n\nMap is a collection of keyed data items, just like an Object.\nBut the main difference is that Map allows keys of any type.\n\n### Usage\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const myDefault = new BlockquoteBaseMeta({\n key: 'basic',\n value: 'foo/bar',\n });\n\nconsole.log(myDefault.value); // foo/bar\n```\n\n### Keys string - Object\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const myDefault = new BlockquoteBaseMeta({\n type: 'one',\n key: 'basic',\n value: 'foo/bar',\n });\n\n console.log(myDefault.objectList); // {basic: 'foo/bar'}\n```\n\n### Keys any type - Map\n\n```js\nimport { BlockquoteBaseMeta } from '@blockquote-web-components/blockquote-base-meta';\n\n const keyInfo = { id: 'dsfaskj0' };\n const myDefault = new BlockquoteBaseMeta({\n type: 'two',\n key: keyInfo,\n value: 'foo/bar',\n });\n\nconsole.log(myDefault.mapList); // {{ id: 'dsfaskj0' }: 'foo/bar'}\n```", "name": "BlockquoteBaseMeta", "members": [ { diff --git a/packages/base/blockquote-base-meta/package.json b/packages/base/blockquote-base-meta/package.json index ac096279..57130ef4 100644 --- a/packages/base/blockquote-base-meta/package.json +++ b/packages/base/blockquote-base-meta/package.json @@ -126,6 +126,7 @@ ], "import/no-unresolved": "off", "import/prefer-default-export": "off", + "lit/no-classfield-shadowing": "off", "lit/no-native-attributes": "off" } }, @@ -139,7 +140,7 @@ } }, "dependencies": { - "lit": "^2.8.0" + "lit": "^3.1.0" }, "devDependencies": { "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.5.0", diff --git a/packages/base/blockquote-base-meta/src/BlockquoteBaseMeta.js b/packages/base/blockquote-base-meta/src/BlockquoteBaseMeta.js index 0855ce8f..212df5be 100644 --- a/packages/base/blockquote-base-meta/src/BlockquoteBaseMeta.js +++ b/packages/base/blockquote-base-meta/src/BlockquoteBaseMeta.js @@ -27,7 +27,7 @@ window[BLOCKQUOTE] = blockquote; // https://www.keithcirkel.co.uk/metaprogramming-in-es6-symbols/ /** - * ![Lit](https://img.shields.io/badge/lit-2.0.0-blue) + * ![Lit](https://img.shields.io/badge/lit-3.0.0-blue.svg) * * `BlockquoteBaseMeta` is based on Polymer's `iron-meta`, and it is a generic class that you can use for sharing information across the DOM tree. * It uses [monostate pattern](http://c2.com/cgi/wiki?MonostatePattern) pattern such that any instance of it has access to the shared information.