feat(#201): parse SVG

Author: peterpeterparker

webcomponents/lazy-img/package-lock.json

@@ -21,11 +21,11 @@
     "@deckdeckgo/types": "^1.0.0-alpha.11"
   },
   "devDependencies": {
-    "@stencil/core": "^1.0.0",
-    "@stencil/postcss": "^0.1.0",
-    "@stencil/sass": "^0.2.3",
+    "@stencil/core": "^1.1.7",
+    "@stencil/postcss": "^1.0.1",
+    "@stencil/sass": "^1.0.1",
     "@stencil/utils": "0.0.5",
-    "autoprefixer": "^9.6.0"
+    "autoprefixer": "^9.6.1"
   },
   "repository": {
     "type": "git",

webcomponents/lazy-img/package.json

@@ -10,6 +10,7 @@ import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
 
 export namespace Components {
   interface DeckgoLazyImg {
+    'ariaLabel': string;
     'imgAlt': string;
     'imgErrorSrc': string;
     'imgSizes': string;
@@ -18,6 +19,7 @@ export namespace Components {
     'lazyLoad': () => Promise<void>;
     'observerRootMargin': string;
     'observerThreshold': number | number[];
+    'svgSrc': string;
   }
 }
 
@@ -36,6 +38,7 @@ declare global {
 
 declare namespace LocalJSX {
   interface DeckgoLazyImg extends JSXBase.HTMLAttributes<HTMLDeckgoLazyImgElement> {
+    'ariaLabel'?: string;
     'imgAlt'?: string;
     'imgErrorSrc'?: string;
     'imgSizes'?: string;
@@ -44,6 +47,7 @@ declare namespace LocalJSX {
     'observerRootMargin'?: string;
     'observerThreshold'?: number | number[];
     'onLazyImgDidLoad'?: (event: CustomEvent<any>) => void;
+    'svgSrc'?: string;
   }
 
   interface IntrinsicElements {

webcomponents/lazy-img/src/components.d.ts

@@ -1,4 +1,8 @@
-img {
+:host {
+  fill: currentColor;
+}
+
+img, svg {
   pointer-events: var(--deckgo-lazy-img-pointer-events, none);
 
   height: var(--deckgo-lazy-img-height);