@ne1410s/demo - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/demo-tooltip/demo-tooltip.d.ts

 import { CustomElementBase } from '@ne1410s/cust-elems';
 export declare class DemoTooltip extends CustomElementBase {
     static readonly observedAttributes: string[];
+    private static readonly Css;
+    private static readonly Html;
     constructor();
@@ -5,0 +7,0 @@ set reveal(value: string);

dist/ne14_demo.cjs.min.js

@@ -9,7 +9,7 @@ 'use strict';
 
-var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOw0KICBib3JkZXItcmFkaXVzOiAzcHg7DQogIHBhZGRpbmc6IDA7DQogIG1hcmdpbjogMDsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KfQ0KLm5vcm1hbCB7DQogIHBhZGRpbmc6IDAgMC4yNXJlbTsNCiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcywgYmFja2dyb3VuZC1jb2xvciAwLjNzOw0KICBkaXNwbGF5OiBibG9jazsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXJdIHsNCiAgcG9zaXRpb246IGZpeGVkOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMSddIHsNCiAgdG9wOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMiddIHsNCiAgdG9wOiAwOw0KICByaWdodDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzMnXSB7DQogIGJvdHRvbTogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSc0J10gew0KICBib3R0b206IDA7DQogIGxlZnQ6IDA7DQp9DQoucmV2ZWFsOm5vdChbZGF0YS1jb3JuZXJdKSB7DQogIHRvcDogY2FsYygtNTAlKTsNCiAgbGVmdDogY2FsYygxMDAlKTsNCn0NCi5yZXZlYWwgew0KICBvcGFjaXR5OiAwOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHBvaW50ZXItZXZlbnRzOiBub25lOw0KICBib3JkZXI6IDFweCBzb2xpZCBibGFjazsNCiAgYm9yZGVyLXJhZGl1czogM3B4Ow0KICBiYWNrZ3JvdW5kOiB3aGl0ZTsNCiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgZm9udC1zdHlsZTogaXRhbGljOw0KICBmb250LXNpemU6IDAuOGVtOw0KICBwYWRkaW5nOiAwLjVyZW07DQogIHotaW5kZXg6IDE7DQp9DQoucm9vdDpob3ZlciAubm9ybWFsIHsNCiAgY29sb3I6IHdoaXRlOw0KICBiYWNrZ3JvdW5kOiBibGFjazsNCn0NCi5yb290OmhvdmVyIC5yZXZlYWwgew0KICBvcGFjaXR5OiAxOw0KICBwb2ludGVyLWV2ZW50czogaW5pdGlhbDsNCn0NCi5yb290Om5vdCg6aG92ZXIpIC5yZXZlYWwgew0KICBkaXNwbGF5OiBub25lOw0KfQ0K";
+var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogdmFyKC0tc3JjLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3JjLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1zcmMtZmcsIGluaGVyaXQpOw0KICBiYWNrZ3JvdW5kOiB2YXIoLS1zcmMtYmcsIGluaGVyaXQpOw0KICBwYWRkaW5nOiAwOw0KICBtYXJnaW46IDA7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCn0NCi5ub3JtYWwgew0KICBwYWRkaW5nOiAwIDAuMjVyZW07DQogIHRyYW5zaXRpb246IGNvbG9yIDAuM3MsIGJhY2tncm91bmQtY29sb3IgMC4zczsNCiAgZGlzcGxheTogYmxvY2s7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyXSB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzEnXSB7DQogIHRvcDogMDsNCiAgbGVmdDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzInXSB7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSczJ10gew0KICBib3R0b206IDA7DQogIHJpZ2h0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nNCddIHsNCiAgYm90dG9tOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbDpub3QoW2RhdGEtY29ybmVyXSkgew0KICB0b3A6IGNhbGMoLTUwJSk7DQogIGxlZnQ6IGNhbGMoMTAwJSk7DQp9DQoucmV2ZWFsIHsNCiAgb3BhY2l0eTogMDsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBwb2ludGVyLWV2ZW50czogbm9uZTsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtdHJnLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tdHJnLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtdHJnLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXRyZy1iZywgd2hpdGUpOw0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICBmb250LXN0eWxlOiBpdGFsaWM7DQogIGZvbnQtc2l6ZTogMC44ZW07DQogIHBhZGRpbmc6IDAuNXJlbTsNCiAgei1pbmRleDogMTsNCn0NCi5yb290OmhvdmVyIHsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtc3JjLWJvcmRlciwgdmFyKC0tc3JjLWJvcmRlcikpOw0KfQ0KLnJvb3Q6aG92ZXIgLm5vcm1hbCB7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtc3JjLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXNyYy1iZywgaW5oZXJpdCk7DQp9DQoucm9vdDpob3ZlciAucmV2ZWFsIHsNCiAgb3BhY2l0eTogMTsNCiAgcG9pbnRlci1ldmVudHM6IGluaXRpYWw7DQp9DQoucm9vdDpub3QoOmhvdmVyKSAucmV2ZWFsIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCg==";
 
 class DemoTooltip extends custElems.CustomElementBase {
     constructor() {
-        super(stylesUrl, markupUrl);
+        super(DemoTooltip.Css, DemoTooltip.Html);
     }
@@ -46,2 +46,4 @@ set reveal(value) {
 DemoTooltip.observedAttributes = ['corner', 'reveal'];
+DemoTooltip.Css = custElems.reduceCss(custElems.decode(stylesUrl));
+DemoTooltip.Html = custElems.reduceHtml(custElems.decode(markupUrl));
 
@@ -48,0 +50,0 @@ if ('customElements' in window) {

dist/ne14_demo.esm.min.js

@@ -1,10 +0,10 @@
-import { CustomElementBase } from '@ne1410s/cust-elems';
+import { CustomElementBase, reduceCss, decode, reduceHtml } from '@ne1410s/cust-elems';
 
 var markupUrl = "data:text/html;base64,PHNwYW4gY2xhc3M9InJvb3QiPg0KICA8c3BhbiBjbGFzcz0ibm9ybWFsIj4NCiAgICA8c2xvdD48L3Nsb3Q+DQogIDwvc3Bhbj4NCiAgPHNwYW4gY2xhc3M9InJldmVhbCI+DQogICAgPHNsb3QgbmFtZT0icmV2ZWFsIj48L3Nsb3Q+DQogIDwvc3Bhbj4NCjwvc3Bhbj4NCg==";
 
-var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOw0KICBib3JkZXItcmFkaXVzOiAzcHg7DQogIHBhZGRpbmc6IDA7DQogIG1hcmdpbjogMDsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KfQ0KLm5vcm1hbCB7DQogIHBhZGRpbmc6IDAgMC4yNXJlbTsNCiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcywgYmFja2dyb3VuZC1jb2xvciAwLjNzOw0KICBkaXNwbGF5OiBibG9jazsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXJdIHsNCiAgcG9zaXRpb246IGZpeGVkOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMSddIHsNCiAgdG9wOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMiddIHsNCiAgdG9wOiAwOw0KICByaWdodDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzMnXSB7DQogIGJvdHRvbTogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSc0J10gew0KICBib3R0b206IDA7DQogIGxlZnQ6IDA7DQp9DQoucmV2ZWFsOm5vdChbZGF0YS1jb3JuZXJdKSB7DQogIHRvcDogY2FsYygtNTAlKTsNCiAgbGVmdDogY2FsYygxMDAlKTsNCn0NCi5yZXZlYWwgew0KICBvcGFjaXR5OiAwOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHBvaW50ZXItZXZlbnRzOiBub25lOw0KICBib3JkZXI6IDFweCBzb2xpZCBibGFjazsNCiAgYm9yZGVyLXJhZGl1czogM3B4Ow0KICBiYWNrZ3JvdW5kOiB3aGl0ZTsNCiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgZm9udC1zdHlsZTogaXRhbGljOw0KICBmb250LXNpemU6IDAuOGVtOw0KICBwYWRkaW5nOiAwLjVyZW07DQogIHotaW5kZXg6IDE7DQp9DQoucm9vdDpob3ZlciAubm9ybWFsIHsNCiAgY29sb3I6IHdoaXRlOw0KICBiYWNrZ3JvdW5kOiBibGFjazsNCn0NCi5yb290OmhvdmVyIC5yZXZlYWwgew0KICBvcGFjaXR5OiAxOw0KICBwb2ludGVyLWV2ZW50czogaW5pdGlhbDsNCn0NCi5yb290Om5vdCg6aG92ZXIpIC5yZXZlYWwgew0KICBkaXNwbGF5OiBub25lOw0KfQ0K";
+var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogdmFyKC0tc3JjLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3JjLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1zcmMtZmcsIGluaGVyaXQpOw0KICBiYWNrZ3JvdW5kOiB2YXIoLS1zcmMtYmcsIGluaGVyaXQpOw0KICBwYWRkaW5nOiAwOw0KICBtYXJnaW46IDA7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCn0NCi5ub3JtYWwgew0KICBwYWRkaW5nOiAwIDAuMjVyZW07DQogIHRyYW5zaXRpb246IGNvbG9yIDAuM3MsIGJhY2tncm91bmQtY29sb3IgMC4zczsNCiAgZGlzcGxheTogYmxvY2s7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyXSB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzEnXSB7DQogIHRvcDogMDsNCiAgbGVmdDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzInXSB7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSczJ10gew0KICBib3R0b206IDA7DQogIHJpZ2h0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nNCddIHsNCiAgYm90dG9tOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbDpub3QoW2RhdGEtY29ybmVyXSkgew0KICB0b3A6IGNhbGMoLTUwJSk7DQogIGxlZnQ6IGNhbGMoMTAwJSk7DQp9DQoucmV2ZWFsIHsNCiAgb3BhY2l0eTogMDsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBwb2ludGVyLWV2ZW50czogbm9uZTsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtdHJnLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tdHJnLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtdHJnLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXRyZy1iZywgd2hpdGUpOw0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICBmb250LXN0eWxlOiBpdGFsaWM7DQogIGZvbnQtc2l6ZTogMC44ZW07DQogIHBhZGRpbmc6IDAuNXJlbTsNCiAgei1pbmRleDogMTsNCn0NCi5yb290OmhvdmVyIHsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtc3JjLWJvcmRlciwgdmFyKC0tc3JjLWJvcmRlcikpOw0KfQ0KLnJvb3Q6aG92ZXIgLm5vcm1hbCB7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtc3JjLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXNyYy1iZywgaW5oZXJpdCk7DQp9DQoucm9vdDpob3ZlciAucmV2ZWFsIHsNCiAgb3BhY2l0eTogMTsNCiAgcG9pbnRlci1ldmVudHM6IGluaXRpYWw7DQp9DQoucm9vdDpub3QoOmhvdmVyKSAucmV2ZWFsIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCg==";
 
 class DemoTooltip extends CustomElementBase {
     constructor() {
-        super(stylesUrl, markupUrl);
+        super(DemoTooltip.Css, DemoTooltip.Html);
     }
@@ -41,2 +41,4 @@ set reveal(value) {
 DemoTooltip.observedAttributes = ['corner', 'reveal'];
+DemoTooltip.Css = reduceCss(decode(stylesUrl));
+DemoTooltip.Html = reduceHtml(decode(markupUrl));
 
@@ -43,0 +45,0 @@ if ('customElements' in window) {

dist/ne14_demo.umd.min.js

@@ -11,20 +11,30 @@ (function (global, factory) {
             this.root = this.attachShadow({ mode });
-            this.root.innerHTML = this.decode(html);
+            this.root.innerHTML = html;
             const style = document.createElement('style');
-            style.textContent = this.decode(css);
+            style.textContent = css;
             this.root.appendChild(style);
         }
-        decode(b64) {
-            const bIndex = (b64 + '').indexOf('base64,');
-            return bIndex === -1 ? b64 : window.atob(b64.substring(bIndex + 7));
-        }
     }
 
+    function decode(b64) {
+        const bIndex = (b64 + '').indexOf('base64,');
+        return bIndex === -1 ? b64 : window.atob(b64.substring(bIndex + 7));
+    }
+    function reduceCss(cssIn) {
+        return cssIn
+            .replace(/\s+/g, ' ')
+            .replace(/([,{}:;])\s/g, '$1')
+            .replace(/\s([{])/g, '$1');
+    }
+    function reduceHtml(htmlIn) {
+        return htmlIn.replace(/\s+/g, ' ').replace(/>\s</g, '><');
+    }
+
     var markupUrl = "data:text/html;base64,PHNwYW4gY2xhc3M9InJvb3QiPg0KICA8c3BhbiBjbGFzcz0ibm9ybWFsIj4NCiAgICA8c2xvdD48L3Nsb3Q+DQogIDwvc3Bhbj4NCiAgPHNwYW4gY2xhc3M9InJldmVhbCI+DQogICAgPHNsb3QgbmFtZT0icmV2ZWFsIj48L3Nsb3Q+DQogIDwvc3Bhbj4NCjwvc3Bhbj4NCg==";
 
-    var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOw0KICBib3JkZXItcmFkaXVzOiAzcHg7DQogIHBhZGRpbmc6IDA7DQogIG1hcmdpbjogMDsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KfQ0KLm5vcm1hbCB7DQogIHBhZGRpbmc6IDAgMC4yNXJlbTsNCiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcywgYmFja2dyb3VuZC1jb2xvciAwLjNzOw0KICBkaXNwbGF5OiBibG9jazsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXJdIHsNCiAgcG9zaXRpb246IGZpeGVkOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMSddIHsNCiAgdG9wOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nMiddIHsNCiAgdG9wOiAwOw0KICByaWdodDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzMnXSB7DQogIGJvdHRvbTogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSc0J10gew0KICBib3R0b206IDA7DQogIGxlZnQ6IDA7DQp9DQoucmV2ZWFsOm5vdChbZGF0YS1jb3JuZXJdKSB7DQogIHRvcDogY2FsYygtNTAlKTsNCiAgbGVmdDogY2FsYygxMDAlKTsNCn0NCi5yZXZlYWwgew0KICBvcGFjaXR5OiAwOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHBvaW50ZXItZXZlbnRzOiBub25lOw0KICBib3JkZXI6IDFweCBzb2xpZCBibGFjazsNCiAgYm9yZGVyLXJhZGl1czogM3B4Ow0KICBiYWNrZ3JvdW5kOiB3aGl0ZTsNCiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgZm9udC1zdHlsZTogaXRhbGljOw0KICBmb250LXNpemU6IDAuOGVtOw0KICBwYWRkaW5nOiAwLjVyZW07DQogIHotaW5kZXg6IDE7DQp9DQoucm9vdDpob3ZlciAubm9ybWFsIHsNCiAgY29sb3I6IHdoaXRlOw0KICBiYWNrZ3JvdW5kOiBibGFjazsNCn0NCi5yb290OmhvdmVyIC5yZXZlYWwgew0KICBvcGFjaXR5OiAxOw0KICBwb2ludGVyLWV2ZW50czogaW5pdGlhbDsNCn0NCi5yb290Om5vdCg6aG92ZXIpIC5yZXZlYWwgew0KICBkaXNwbGF5OiBub25lOw0KfQ0K";
+    var stylesUrl = "data:text/css;base64,LnJvb3Qgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGJvcmRlcjogdmFyKC0tc3JjLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3JjLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1zcmMtZmcsIGluaGVyaXQpOw0KICBiYWNrZ3JvdW5kOiB2YXIoLS1zcmMtYmcsIGluaGVyaXQpOw0KICBwYWRkaW5nOiAwOw0KICBtYXJnaW46IDA7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCn0NCi5ub3JtYWwgew0KICBwYWRkaW5nOiAwIDAuMjVyZW07DQogIHRyYW5zaXRpb246IGNvbG9yIDAuM3MsIGJhY2tncm91bmQtY29sb3IgMC4zczsNCiAgZGlzcGxheTogYmxvY2s7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyXSB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzEnXSB7DQogIHRvcDogMDsNCiAgbGVmdDogMDsNCn0NCi5yZXZlYWxbZGF0YS1jb3JuZXI9JzInXSB7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQp9DQoucmV2ZWFsW2RhdGEtY29ybmVyPSczJ10gew0KICBib3R0b206IDA7DQogIHJpZ2h0OiAwOw0KfQ0KLnJldmVhbFtkYXRhLWNvcm5lcj0nNCddIHsNCiAgYm90dG9tOiAwOw0KICBsZWZ0OiAwOw0KfQ0KLnJldmVhbDpub3QoW2RhdGEtY29ybmVyXSkgew0KICB0b3A6IGNhbGMoLTUwJSk7DQogIGxlZnQ6IGNhbGMoMTAwJSk7DQp9DQoucmV2ZWFsIHsNCiAgb3BhY2l0eTogMDsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBwb2ludGVyLWV2ZW50czogbm9uZTsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtdHJnLWJvcmRlciwgMXB4IHNvbGlkIGJsYWNrKTsNCiAgYm9yZGVyLXJhZGl1czogdmFyKC0tdHJnLWJvcmRlci1yYWRpdXMsIDNweCk7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtdHJnLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXRyZy1iZywgd2hpdGUpOw0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICBmb250LXN0eWxlOiBpdGFsaWM7DQogIGZvbnQtc2l6ZTogMC44ZW07DQogIHBhZGRpbmc6IDAuNXJlbTsNCiAgei1pbmRleDogMTsNCn0NCi5yb290OmhvdmVyIHsNCiAgYm9yZGVyOiB2YXIoLS1yZXZlYWwtc3JjLWJvcmRlciwgdmFyKC0tc3JjLWJvcmRlcikpOw0KfQ0KLnJvb3Q6aG92ZXIgLm5vcm1hbCB7DQogIGNvbG9yOiB2YXIoLS1yZXZlYWwtc3JjLWZnLCBpbmhlcml0KTsNCiAgYmFja2dyb3VuZDogdmFyKC0tcmV2ZWFsLXNyYy1iZywgaW5oZXJpdCk7DQp9DQoucm9vdDpob3ZlciAucmV2ZWFsIHsNCiAgb3BhY2l0eTogMTsNCiAgcG9pbnRlci1ldmVudHM6IGluaXRpYWw7DQp9DQoucm9vdDpub3QoOmhvdmVyKSAucmV2ZWFsIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCg==";
 
     class DemoTooltip extends CustomElementBase {
         constructor() {
-            super(stylesUrl, markupUrl);
+            super(DemoTooltip.Css, DemoTooltip.Html);
         }
@@ -61,2 +71,4 @@ set reveal(value) {
     DemoTooltip.observedAttributes = ['corner', 'reveal'];
+    DemoTooltip.Css = reduceCss(decode(stylesUrl));
+    DemoTooltip.Html = reduceHtml(decode(markupUrl));
 
@@ -63,0 +75,0 @@ if ('customElements' in window) {

package.json

 {
   "name": "@ne1410s/demo",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A custom element for demonstration purposes and to serve as a project template.",
@@ -41,15 +41,15 @@ "main": "dist/ne14_demo.cjs.min.js",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^15.1.0",
+    "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@rollup/plugin-node-resolve": "^10.0.0",
     "@rollup/plugin-url": "^5.0.1",
     "prettier": "^2.1.2",
     "rimraf": "^3.0.1",
-    "rollup": "^2.31.0",
-    "rollup-plugin-typescript2": "^0.27.3",
-    "typescript": "^4.0.3"
+    "rollup": "^2.33.2",
+    "rollup-plugin-typescript2": "^0.29.0",
+    "typescript": "^4.0.5"
   },
   "dependencies": {
-    "@ne1410s/cust-elems": "^0.1.5"
+    "@ne1410s/cust-elems": "file:../core.elem/ne1410s-cust-elems-0.1.5.tgz"
   }
 }

README.md

@@ -46,1 +46,24 @@ # @ne1410s/demo
 - `set` **reveal** (string): Sets the attribute with the corresponding value
+
+### CSS Variables
+
+Some degree of custom styling can be provided, by way of css variables:
+
+```css
+ne14-demo-tooltip {
+  --src-border: 1px solid green;
+  --reveal-trg-bg: rebeccapurple;
+}
+```
+
+- **`--src-border-radius`** _Source item border radius. Defaults to: `3px`_
+- **`--src-border`** _Source item border. Defaults to: `1px solid black`_
+- **`--src-bg`** _Source item background. Defaults to: `inherit`_
+- **`--src-fg`** _Source item foreground. Defaults to: `inherit`_
+- **`--trg-border-radius`** _Target item border radius. Defaults to: `3px`_
+- **`--reveal-src-border`** _Source item border (in reveal mode). Defaults to: `--src-border`_
+- **`--reveal-src-bg`** _Source item background (in reveal mode). Defaults to: `inherit`_
+- **`--reveal-src-fg`** _Source item foreground (in reveal mode). Defaults to: `inherit`_
+- **`--reveal-trg-border`** _Target item border (in reveal mode). Defaults to: `1px solid black`_
+- **`--reveal-trg-bg`** _Target item background (in reveal mode). Defaults to: `white`_
+- **`--reveal-trg-fg`** _Target item foreground (in reveal mode). Defaults to: `inherit`_

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18199

increased by22.49%

Lines of code

195

increased by13.37%

Number of lines in readme file

69

increased by50%

Dependency changes

• - Removed@ne1410s/cust-elems@0.1.5(transitive)

• Updated@ne1410s/cust-elems@file:../core.elem/ne1410s-cust-elems-0.1.5.tgz