@pie-api/pie-api-live-components - npm Package Compare versions

Comparing version 2.3.0 to 3.0.0

CHANGELOG.md

@@ -0,1 +1,25 @@
+# [3.0.0](https://github.com/key-data-systems/pie-api-live-components/compare/v2.3.2...v3.0.0) (2021-10-12)
+
+
+* Merge pull request #207 from key-data-systems/feat/breaking-change ([c0f93a9](https://github.com/key-data-systems/pie-api-live-components/commit/c0f93a9ba4f6de66a1522a5b0325d38d33de00a4)), closes [#207](https://github.com/key-data-systems/pie-api-live-components/issues/207)
+
+
+### BREAKING CHANGES
+
+* disabled shadow dom
+
+## [2.3.2](https://github.com/key-data-systems/pie-api-live-components/compare/v2.3.1...v2.3.2) (2021-10-12)
+
+
+### Bug Fixes
+
+* Revert changes ([166318d](https://github.com/key-data-systems/pie-api-live-components/commit/166318d37bad130d7308dddf81319d237c4f27eb))
+
+## [2.3.1](https://github.com/key-data-systems/pie-api-live-components/compare/v2.3.0...v2.3.1) (2021-10-12)
+
+
+### Bug Fixes
+
+* tests ([03b44e9](https://github.com/key-data-systems/pie-api-live-components/commit/03b44e91233c53b931d1e47add3552cbd9321635))
+
 # [2.3.0](https://github.com/key-data-systems/pie-api-live-components/compare/v2.2.0...v2.3.0) (2021-07-14)
@@ -2,0 +26,0 @@

dist/cjs/item-metadata.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 
@@ -8,0 +8,0 @@ class ItemMetadata {

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 
@@ -11,3 +11,3 @@ const defineCustomElements = (win, options) => {
   return index.patchEsm().then(() => {
-  return index.bootstrapLazy([["pie-live-session.cjs",[[1,"pie-live-session",{"sessionId":[513,"session-id"],"aggregateId":[513,"aggregate-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"_itemAndSessionData":[513,"_item-and-session-data"],"sessionData":[32]}]]],["item-metadata.cjs",[[0,"item-metadata",{"_key":[1,"key"],"attribute":[1]}]]],["pie-aggregate.cjs",[[1,"pie-aggregate",{"aggregateId":[513,"aggregate-id"],"aggregateData":[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["pie-api-live.cjs",[[0,"pie-api-live",{"token":[1],"host":[1],"liveUrl":[1,"live-url"],"assignmentId":[1,"assignment-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"emitAggregates":[4,"emit-aggregates"],"gqlClient":[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["pie-response.cjs",[[1,"pie-response",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["pie-response-cell.cjs",[[1,"pie-response-cell",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["loading-indicator.cjs",[[1,"loading-indicator",{"progressAmount":[1,"progress-amount"],"progressColor":[1,"progress-color"]}]]]], options);
+  return index.bootstrapLazy([["pie-live-session.cjs",[[1,"pie-live-session",{"sessionId":[513,"session-id"],"aggregateId":[513,"aggregate-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"_itemAndSessionData":[513,"_item-and-session-data"],"sessionData":[32]}]]],["item-metadata.cjs",[[0,"item-metadata",{"_key":[1,"key"],"attribute":[1]}]]],["pie-aggregate.cjs",[[1,"pie-aggregate",{"aggregateId":[513,"aggregate-id"],"aggregateData":[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["pie-api-live.cjs",[[0,"pie-api-live",{"token":[1],"host":[1],"liveUrl":[1,"live-url"],"assignmentId":[1,"assignment-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"emitAggregates":[4,"emit-aggregates"],"gqlClient":[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["pie-response.cjs",[[4,"pie-response",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["pie-response-cell.cjs",[[1,"pie-response-cell",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["loading-indicator.cjs",[[1,"loading-indicator",{"progressAmount":[1,"progress-amount"],"progressColor":[1,"progress-color"]}]]]], options);
   });
@@ -14,0 +14,0 @@ };

dist/cjs/loading-indicator.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 
@@ -8,0 +8,0 @@ const loadingIndicatorCss = ".lds-ring{display:inline-block;position:relative;width:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);height:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8)}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);height:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);margin:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.1);border:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.1) solid var(--pie-live-session-loading-indicator-color, grey);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--pie-live-session-loading-indicator-color, grey) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";

dist/cjs/pie-aggregate.cjs.entry.js

@@ -24,3 +24,3 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 const utils = require('./utils-8d1539fc.js');
@@ -27,0 +27,0 @@

dist/cjs/pie-api-live.cjs.js

 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["pie-live-session.cjs",[[1,"pie-live-session",{"sessionId":[513,"session-id"],"aggregateId":[513,"aggregate-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"_itemAndSessionData":[513,"_item-and-session-data"],"sessionData":[32]}]]],["item-metadata.cjs",[[0,"item-metadata",{"_key":[1,"key"],"attribute":[1]}]]],["pie-aggregate.cjs",[[1,"pie-aggregate",{"aggregateId":[513,"aggregate-id"],"aggregateData":[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["pie-api-live.cjs",[[0,"pie-api-live",{"token":[1],"host":[1],"liveUrl":[1,"live-url"],"assignmentId":[1,"assignment-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"emitAggregates":[4,"emit-aggregates"],"gqlClient":[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["pie-response.cjs",[[1,"pie-response",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["pie-response-cell.cjs",[[1,"pie-response-cell",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["loading-indicator.cjs",[[1,"loading-indicator",{"progressAmount":[1,"progress-amount"],"progressColor":[1,"progress-color"]}]]]], options);
+  return index.bootstrapLazy([["pie-live-session.cjs",[[1,"pie-live-session",{"sessionId":[513,"session-id"],"aggregateId":[513,"aggregate-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"_itemAndSessionData":[513,"_item-and-session-data"],"sessionData":[32]}]]],["item-metadata.cjs",[[0,"item-metadata",{"_key":[1,"key"],"attribute":[1]}]]],["pie-aggregate.cjs",[[1,"pie-aggregate",{"aggregateId":[513,"aggregate-id"],"aggregateData":[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["pie-api-live.cjs",[[0,"pie-api-live",{"token":[1],"host":[1],"liveUrl":[1,"live-url"],"assignmentId":[1,"assignment-id"],"loadingIndicator":[4,"loading-indicator"],"metadata":[16],"emitAggregates":[4,"emit-aggregates"],"gqlClient":[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["pie-response.cjs",[[4,"pie-response",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["pie-response-cell.cjs",[[1,"pie-response-cell",{"sessionData":[8,"session-data"],"multiPart":[4,"multi-part"]}]]],["loading-indicator.cjs",[[1,"loading-indicator",{"progressAmount":[1,"progress-amount"],"progressColor":[1,"progress-color"]}]]]], options);
 });

dist/cjs/pie-live-session.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 
@@ -8,0 +8,0 @@ class PieLiveSession {

dist/cjs/pie-response-cell.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 require('./utils-8d1539fc.js');
-const responseLoader = require('./response-loader-ac6fd7e8.js');
+const responseLoader = require('./response-loader-58325a3a.js');
 
@@ -10,0 +10,0 @@ /**

dist/cjs/pie-response.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-fc02c13d.js');
+const index = require('./index-1f713782.js');
 require('./utils-8d1539fc.js');
-const responseLoader = require('./response-loader-ac6fd7e8.js');
+const responseLoader = require('./response-loader-58325a3a.js');
 
@@ -10,0 +10,0 @@ /**

dist/collection/components/pie-response/pie-response.js

@@ -20,3 +20,2 @@ import { Component, Prop, h, Element } from "@stencil/core";
     static get is() { return "pie-response"; }
-    static get encapsulation() { return "shadow"; }
     static get properties() { return {
@@ -23,0 +22,0 @@ "sessionData": {

dist/collection/response-loader/response-loader.js

@@ -158,3 +158,4 @@ import { aggregatorTagMap } from "./utils";
     let found = 0;
-    host.shadowRoot.innerHTML = "";
+    // host.shadowRoot.innerHTML = "";
+    host.innerHTML = "";
     const { pies } = pieConfig;
@@ -186,12 +187,14 @@ let models = ((_a = sessionData === null || sessionData === void 0 ? void 0 : sessionData.itemConfig) === null || _a === void 0 ? void 0 : _a.models) || [];
                     if (m.element == pie.modelElementName && !blackListed) {
-                        const hostShadowRoot = host.shadowRoot;
+                        // const hostShadowRoot = host.shadowRoot;
                         const session = (_a = sessionData === null || sessionData === void 0 ? void 0 : sessionData.data) === null || _a === void 0 ? void 0 : _a.find(s => s.id === m.id);
-                        if (!hostShadowRoot) {
-                            return;
-                        }
-                        let el = host.shadowRoot.querySelector(`${tag}[id="${m.id}"]`);
+                        // if (!hostShadowRoot) {
+                        //     return;
+                        // }
+                        // let el: any = host.shadowRoot.querySelector(`${tag}[id="${m.id}"]`);
+                        let el = host.querySelector(`${tag}[id="${m.id}"]`);
                         if (!el) {
                             const newEl = document.createElement(tag);
                             newEl.setAttribute('id', m.id);
-                            host.shadowRoot.appendChild(newEl);
+                            // host.shadowRoot.appendChild(newEl);
+                            host.appendChild(newEl);
                             el = newEl;
@@ -198,0 +201,0 @@ }

dist/esm/item-metadata.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, g as getElement } from './index-19cb11a9.js';
+import { r as registerInstance, g as getElement } from './index-c9312010.js';
 
@@ -3,0 +3,0 @@ class ItemMetadata {

dist/esm/loading-indicator.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-19cb11a9.js';
+import { r as registerInstance, h } from './index-c9312010.js';
 
@@ -3,0 +3,0 @@ const loadingIndicatorCss = ".lds-ring{display:inline-block;position:relative;width:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);height:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8)}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);height:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.8);margin:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.1);border:calc(var(--pie-live-session-loading-indicator-height, 40px) * 0.1) solid var(--pie-live-session-loading-indicator-color, grey);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--pie-live-session-loading-indicator-color, grey) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";

dist/esm/pie-aggregate.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, g as getElement } from './index-19cb11a9.js';
+import { r as registerInstance, h, g as getElement } from './index-c9312010.js';
 import { p as parsePackage, t as tagMap } from './utils-2db39ae8.js';
@@ -3,0 +3,0 @@

dist/esm/pie-live-session.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-19cb11a9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c9312010.js';
 
@@ -3,0 +3,0 @@ class PieLiveSession {

dist/esm/pie-response-cell.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, d as getContext, h, g as getElement } from './index-19cb11a9.js';
+import { r as registerInstance, d as getContext, h, g as getElement } from './index-c9312010.js';
 import './utils-2db39ae8.js';
-import { a as loadResponseElement } from './response-loader-23df0543.js';
+import { a as loadResponseElement } from './response-loader-6c4237ab.js';
 
@@ -5,0 +5,0 @@ /**

dist/esm/pie-response.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, d as getContext, h, g as getElement } from './index-19cb11a9.js';
+import { r as registerInstance, d as getContext, h, g as getElement } from './index-c9312010.js';
 import './utils-2db39ae8.js';
-import { a as loadResponseElement } from './response-loader-23df0543.js';
+import { a as loadResponseElement } from './response-loader-6c4237ab.js';
 
@@ -5,0 +5,0 @@ /**

dist/pie-api-live/pie-api-live.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-a9582e3d.js";e().then(e=>a([["p-68fa9d7b",[[1,"pie-live-session",{sessionId:[513,"session-id"],aggregateId:[513,"aggregate-id"],loadingIndicator:[4,"loading-indicator"],metadata:[16],_itemAndSessionData:[513,"_item-and-session-data"],sessionData:[32]}]]],["p-211628e3",[[0,"item-metadata",{_key:[1,"key"],attribute:[1]}]]],["p-b35a7649",[[1,"pie-aggregate",{aggregateId:[513,"aggregate-id"],aggregateData:[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["p-2fdfdaf1",[[0,"pie-api-live",{token:[1],host:[1],liveUrl:[1,"live-url"],assignmentId:[1,"assignment-id"],loadingIndicator:[4,"loading-indicator"],metadata:[16],emitAggregates:[4,"emit-aggregates"],gqlClient:[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["p-be7a6968",[[1,"pie-response",{sessionData:[8,"session-data"],multiPart:[4,"multi-part"]}]]],["p-be6b5090",[[1,"pie-response-cell",{sessionData:[8,"session-data"],multiPart:[4,"multi-part"]}]]],["p-af1db197",[[1,"loading-indicator",{progressAmount:[1,"progress-amount"],progressColor:[1,"progress-color"]}]]]],e));
+import{p as e,b as a}from"./p-07f7526a.js";e().then(e=>a([["p-2cd0686a",[[1,"pie-live-session",{sessionId:[513,"session-id"],aggregateId:[513,"aggregate-id"],loadingIndicator:[4,"loading-indicator"],metadata:[16],_itemAndSessionData:[513,"_item-and-session-data"],sessionData:[32]}]]],["p-ace049e9",[[0,"item-metadata",{_key:[1,"key"],attribute:[1]}]]],["p-cb3ad58f",[[1,"pie-aggregate",{aggregateId:[513,"aggregate-id"],aggregateData:[32]},[[8,"itemAggregate","itemAggregateHandler"]]]]],["p-12d84180",[[0,"pie-api-live",{token:[1],host:[1],liveUrl:[1,"live-url"],assignmentId:[1,"assignment-id"],loadingIndicator:[4,"loading-indicator"],metadata:[16],emitAggregates:[4,"emit-aggregates"],gqlClient:[32]},[[8,"startSubscription","handleStartSubscription"],[0,"attachSession","handleLiveSessionAdded"],[8,"updateAggregate","handleUpdateAggregate"]]]]],["p-2ede6bd7",[[4,"pie-response",{sessionData:[8,"session-data"],multiPart:[4,"multi-part"]}]]],["p-bef6f8b2",[[1,"pie-response-cell",{sessionData:[8,"session-data"],multiPart:[4,"multi-part"]}]]],["p-f4b68903",[[1,"loading-indicator",{progressAmount:[1,"progress-amount"],progressColor:[1,"progress-color"]}]]]],e));

package.json

 {
   "name": "@pie-api/pie-api-live-components",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "description": "Custom Elements that work with PIE Api Live services",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

2099412

increased by1.77%

Lines of code

48176

increased by1.48%

No dependency changes