@merkur/integration-custom-element 0.35.10 → 0.35.12
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/lib/index.cjs +13 -5
- package/lib/index.es9.cjs +16 -5
- package/lib/index.es9.mjs +16 -5
- package/lib/index.js +13 -5
- package/lib/index.mjs +13 -5
- package/lib/index.umd.js +1 -1
- package/package.json +2 -2
package/lib/index.cjs
CHANGED
|
@@ -39,6 +39,14 @@ function registerCustomElement(options) {
|
|
|
39
39
|
constructor() {
|
|
40
40
|
super();
|
|
41
41
|
|
|
42
|
+
const widget = callbacks?.getSingleton?.();
|
|
43
|
+
|
|
44
|
+
if (widget && widget.name && widget.version) {
|
|
45
|
+
this._widget = widget;
|
|
46
|
+
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
|
|
42
50
|
const shadow = this.attachShadow({ mode: 'open' });
|
|
43
51
|
|
|
44
52
|
(async () => {
|
|
@@ -56,7 +64,7 @@ function registerCustomElement(options) {
|
|
|
56
64
|
this._widget = await createSPAWidget(widgetDefinition);
|
|
57
65
|
this._widget.mount();
|
|
58
66
|
|
|
59
|
-
callbacks?.constructor(this._widget);
|
|
67
|
+
callbacks?.constructor?.(this._widget);
|
|
60
68
|
} catch (error) {
|
|
61
69
|
console.error(error);
|
|
62
70
|
}
|
|
@@ -64,19 +72,19 @@ function registerCustomElement(options) {
|
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
connectedCallback() {
|
|
67
|
-
callbacks?.connectedCallback(this._widget);
|
|
75
|
+
callbacks?.connectedCallback?.(this._widget);
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
disconnectedCallback() {
|
|
71
|
-
callbacks?.disconnectedCallback(this._widget);
|
|
79
|
+
callbacks?.disconnectedCallback?.(this._widget);
|
|
72
80
|
}
|
|
73
81
|
|
|
74
82
|
adoptedCallback() {
|
|
75
|
-
callbacks?.adoptedCallback(this._widget);
|
|
83
|
+
callbacks?.adoptedCallback?.(this._widget);
|
|
76
84
|
}
|
|
77
85
|
|
|
78
86
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
79
|
-
callbacks?.attributeChangedCallback(
|
|
87
|
+
callbacks?.attributeChangedCallback?.(
|
|
80
88
|
this._widget,
|
|
81
89
|
name,
|
|
82
90
|
oldValue,
|
package/lib/index.es9.cjs
CHANGED
|
@@ -34,12 +34,19 @@ function registerCustomElement(options) {
|
|
|
34
34
|
} = deepMerge({}, options);
|
|
35
35
|
class WidgetElement extends HTMLElement {
|
|
36
36
|
constructor() {
|
|
37
|
+
var _callbacks$getSinglet;
|
|
37
38
|
super();
|
|
39
|
+
const widget = callbacks === null || callbacks === void 0 || (_callbacks$getSinglet = callbacks.getSingleton) === null || _callbacks$getSinglet === void 0 ? void 0 : _callbacks$getSinglet.call(callbacks);
|
|
40
|
+
if (widget && widget.name && widget.version) {
|
|
41
|
+
this._widget = widget;
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
38
44
|
const shadow = this.attachShadow({
|
|
39
45
|
mode: 'open'
|
|
40
46
|
});
|
|
41
47
|
(async () => {
|
|
42
48
|
try {
|
|
49
|
+
var _callbacks$constructo;
|
|
43
50
|
widgetDefinition.root = shadow;
|
|
44
51
|
widgetDefinition.customElement = this;
|
|
45
52
|
if (!widgetDefinition.container) {
|
|
@@ -49,23 +56,27 @@ function registerCustomElement(options) {
|
|
|
49
56
|
widgetDefinition.root.appendChild(widgetDefinition.container);
|
|
50
57
|
this._widget = await createSPAWidget(widgetDefinition);
|
|
51
58
|
this._widget.mount();
|
|
52
|
-
callbacks === null || callbacks === void 0 || callbacks.constructor(this._widget);
|
|
59
|
+
callbacks === null || callbacks === void 0 || (_callbacks$constructo = callbacks.constructor) === null || _callbacks$constructo === void 0 || _callbacks$constructo.call(callbacks, this._widget);
|
|
53
60
|
} catch (error) {
|
|
54
61
|
console.error(error);
|
|
55
62
|
}
|
|
56
63
|
})();
|
|
57
64
|
}
|
|
58
65
|
connectedCallback() {
|
|
59
|
-
|
|
66
|
+
var _callbacks$connectedC;
|
|
67
|
+
callbacks === null || callbacks === void 0 || (_callbacks$connectedC = callbacks.connectedCallback) === null || _callbacks$connectedC === void 0 || _callbacks$connectedC.call(callbacks, this._widget);
|
|
60
68
|
}
|
|
61
69
|
disconnectedCallback() {
|
|
62
|
-
|
|
70
|
+
var _callbacks$disconnect;
|
|
71
|
+
callbacks === null || callbacks === void 0 || (_callbacks$disconnect = callbacks.disconnectedCallback) === null || _callbacks$disconnect === void 0 || _callbacks$disconnect.call(callbacks, this._widget);
|
|
63
72
|
}
|
|
64
73
|
adoptedCallback() {
|
|
65
|
-
|
|
74
|
+
var _callbacks$adoptedCal;
|
|
75
|
+
callbacks === null || callbacks === void 0 || (_callbacks$adoptedCal = callbacks.adoptedCallback) === null || _callbacks$adoptedCal === void 0 || _callbacks$adoptedCal.call(callbacks, this._widget);
|
|
66
76
|
}
|
|
67
77
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
68
|
-
|
|
78
|
+
var _callbacks$attributeC;
|
|
79
|
+
callbacks === null || callbacks === void 0 || (_callbacks$attributeC = callbacks.attributeChangedCallback) === null || _callbacks$attributeC === void 0 || _callbacks$attributeC.call(callbacks, this._widget, name, oldValue, newValue);
|
|
69
80
|
}
|
|
70
81
|
}
|
|
71
82
|
if (customElements.get(widgetDefinition.name) === undefined) {
|
package/lib/index.es9.mjs
CHANGED
|
@@ -32,12 +32,19 @@ function registerCustomElement(options) {
|
|
|
32
32
|
} = deepMerge({}, options);
|
|
33
33
|
class WidgetElement extends HTMLElement {
|
|
34
34
|
constructor() {
|
|
35
|
+
var _callbacks$getSinglet;
|
|
35
36
|
super();
|
|
37
|
+
const widget = callbacks === null || callbacks === void 0 || (_callbacks$getSinglet = callbacks.getSingleton) === null || _callbacks$getSinglet === void 0 ? void 0 : _callbacks$getSinglet.call(callbacks);
|
|
38
|
+
if (widget && widget.name && widget.version) {
|
|
39
|
+
this._widget = widget;
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
36
42
|
const shadow = this.attachShadow({
|
|
37
43
|
mode: 'open'
|
|
38
44
|
});
|
|
39
45
|
(async () => {
|
|
40
46
|
try {
|
|
47
|
+
var _callbacks$constructo;
|
|
41
48
|
widgetDefinition.root = shadow;
|
|
42
49
|
widgetDefinition.customElement = this;
|
|
43
50
|
if (!widgetDefinition.container) {
|
|
@@ -47,23 +54,27 @@ function registerCustomElement(options) {
|
|
|
47
54
|
widgetDefinition.root.appendChild(widgetDefinition.container);
|
|
48
55
|
this._widget = await createSPAWidget(widgetDefinition);
|
|
49
56
|
this._widget.mount();
|
|
50
|
-
callbacks === null || callbacks === void 0 || callbacks.constructor(this._widget);
|
|
57
|
+
callbacks === null || callbacks === void 0 || (_callbacks$constructo = callbacks.constructor) === null || _callbacks$constructo === void 0 || _callbacks$constructo.call(callbacks, this._widget);
|
|
51
58
|
} catch (error) {
|
|
52
59
|
console.error(error);
|
|
53
60
|
}
|
|
54
61
|
})();
|
|
55
62
|
}
|
|
56
63
|
connectedCallback() {
|
|
57
|
-
|
|
64
|
+
var _callbacks$connectedC;
|
|
65
|
+
callbacks === null || callbacks === void 0 || (_callbacks$connectedC = callbacks.connectedCallback) === null || _callbacks$connectedC === void 0 || _callbacks$connectedC.call(callbacks, this._widget);
|
|
58
66
|
}
|
|
59
67
|
disconnectedCallback() {
|
|
60
|
-
|
|
68
|
+
var _callbacks$disconnect;
|
|
69
|
+
callbacks === null || callbacks === void 0 || (_callbacks$disconnect = callbacks.disconnectedCallback) === null || _callbacks$disconnect === void 0 || _callbacks$disconnect.call(callbacks, this._widget);
|
|
61
70
|
}
|
|
62
71
|
adoptedCallback() {
|
|
63
|
-
|
|
72
|
+
var _callbacks$adoptedCal;
|
|
73
|
+
callbacks === null || callbacks === void 0 || (_callbacks$adoptedCal = callbacks.adoptedCallback) === null || _callbacks$adoptedCal === void 0 || _callbacks$adoptedCal.call(callbacks, this._widget);
|
|
64
74
|
}
|
|
65
75
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
66
|
-
|
|
76
|
+
var _callbacks$attributeC;
|
|
77
|
+
callbacks === null || callbacks === void 0 || (_callbacks$attributeC = callbacks.attributeChangedCallback) === null || _callbacks$attributeC === void 0 || _callbacks$attributeC.call(callbacks, this._widget, name, oldValue, newValue);
|
|
67
78
|
}
|
|
68
79
|
}
|
|
69
80
|
if (customElements.get(widgetDefinition.name) === undefined) {
|
package/lib/index.js
CHANGED
|
@@ -39,6 +39,14 @@ function registerCustomElement(options) {
|
|
|
39
39
|
constructor() {
|
|
40
40
|
super();
|
|
41
41
|
|
|
42
|
+
const widget = callbacks?.getSingleton?.();
|
|
43
|
+
|
|
44
|
+
if (widget && widget.name && widget.version) {
|
|
45
|
+
this._widget = widget;
|
|
46
|
+
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
|
|
42
50
|
const shadow = this.attachShadow({ mode: 'open' });
|
|
43
51
|
|
|
44
52
|
(async () => {
|
|
@@ -56,7 +64,7 @@ function registerCustomElement(options) {
|
|
|
56
64
|
this._widget = await createSPAWidget(widgetDefinition);
|
|
57
65
|
this._widget.mount();
|
|
58
66
|
|
|
59
|
-
callbacks?.constructor(this._widget);
|
|
67
|
+
callbacks?.constructor?.(this._widget);
|
|
60
68
|
} catch (error) {
|
|
61
69
|
console.error(error);
|
|
62
70
|
}
|
|
@@ -64,19 +72,19 @@ function registerCustomElement(options) {
|
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
connectedCallback() {
|
|
67
|
-
callbacks?.connectedCallback(this._widget);
|
|
75
|
+
callbacks?.connectedCallback?.(this._widget);
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
disconnectedCallback() {
|
|
71
|
-
callbacks?.disconnectedCallback(this._widget);
|
|
79
|
+
callbacks?.disconnectedCallback?.(this._widget);
|
|
72
80
|
}
|
|
73
81
|
|
|
74
82
|
adoptedCallback() {
|
|
75
|
-
callbacks?.adoptedCallback(this._widget);
|
|
83
|
+
callbacks?.adoptedCallback?.(this._widget);
|
|
76
84
|
}
|
|
77
85
|
|
|
78
86
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
79
|
-
callbacks?.attributeChangedCallback(
|
|
87
|
+
callbacks?.attributeChangedCallback?.(
|
|
80
88
|
this._widget,
|
|
81
89
|
name,
|
|
82
90
|
oldValue,
|
package/lib/index.mjs
CHANGED
|
@@ -37,6 +37,14 @@ function registerCustomElement(options) {
|
|
|
37
37
|
constructor() {
|
|
38
38
|
super();
|
|
39
39
|
|
|
40
|
+
const widget = callbacks?.getSingleton?.();
|
|
41
|
+
|
|
42
|
+
if (widget && widget.name && widget.version) {
|
|
43
|
+
this._widget = widget;
|
|
44
|
+
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
|
|
40
48
|
const shadow = this.attachShadow({ mode: 'open' });
|
|
41
49
|
|
|
42
50
|
(async () => {
|
|
@@ -54,7 +62,7 @@ function registerCustomElement(options) {
|
|
|
54
62
|
this._widget = await createSPAWidget(widgetDefinition);
|
|
55
63
|
this._widget.mount();
|
|
56
64
|
|
|
57
|
-
callbacks?.constructor(this._widget);
|
|
65
|
+
callbacks?.constructor?.(this._widget);
|
|
58
66
|
} catch (error) {
|
|
59
67
|
console.error(error);
|
|
60
68
|
}
|
|
@@ -62,19 +70,19 @@ function registerCustomElement(options) {
|
|
|
62
70
|
}
|
|
63
71
|
|
|
64
72
|
connectedCallback() {
|
|
65
|
-
callbacks?.connectedCallback(this._widget);
|
|
73
|
+
callbacks?.connectedCallback?.(this._widget);
|
|
66
74
|
}
|
|
67
75
|
|
|
68
76
|
disconnectedCallback() {
|
|
69
|
-
callbacks?.disconnectedCallback(this._widget);
|
|
77
|
+
callbacks?.disconnectedCallback?.(this._widget);
|
|
70
78
|
}
|
|
71
79
|
|
|
72
80
|
adoptedCallback() {
|
|
73
|
-
callbacks?.adoptedCallback(this._widget);
|
|
81
|
+
callbacks?.adoptedCallback?.(this._widget);
|
|
74
82
|
}
|
|
75
83
|
|
|
76
84
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
77
|
-
callbacks?.attributeChangedCallback(
|
|
85
|
+
callbacks?.attributeChangedCallback?.(
|
|
78
86
|
this._widget,
|
|
79
87
|
name,
|
|
80
88
|
oldValue,
|
package/lib/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}!function(e,t){if("function"==typeof define&&define.amd)define("@merkur/integration-custom-element",["exports","@merkur/core","@merkur/integration"],t);else if("undefined"!=typeof exports)t(exports,require("@merkur/core"),require("@merkur/integration"));else{var
|
|
1
|
+
function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}!function(e,t){if("function"==typeof define&&define.amd)define("@merkur/integration-custom-element",["exports","@merkur/core","@merkur/integration"],t);else if("undefined"!=typeof exports)t(exports,require("@merkur/core"),require("@merkur/integration"));else{var n={exports:{}};t(n.exports,e.Merkur.Core,e.Merkur.Integration),e.merkurIntegrationCustomElement=n.exports}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,(function(t,n,r){function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=a(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,a(r.key),r)}}function a(t){var n=function(t,n){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==e(n)?n:n+""}function l(t,n){if(n&&("object"===e(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function f(e){var t="function"==typeof Map?new Map:void 0;return f=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,n)}function n(){return function(e,t,n){if(s())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,t);var o=new(e.bind.apply(e,r));return n&&p(o,n.prototype),o}(e,arguments,d(this).constructor)}return n.prototype=Object.create(e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),p(n,e)},f(e)}function s(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(s=function(){return!!e})()}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function y(e,t,n,r,o,i,u){try{var c=e[i](u),a=c.value}catch(e){return void n(e)}c.done?t(a):Promise.resolve(a).then(r,o)}function b(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function u(e){y(i,r,o,u,c,"next",e)}function c(e){y(i,r,o,u,c,"throw",e)}u(void 0)}))}}function v(){return(v=b((function*(e){var t=i(i({},e),{},{createWidget:e.createWidget||n.createMerkurWidget});return(0,n.getMerkur)().register(t),yield new Promise((function(e){"undefined"!=typeof document?"loading"!==document.readyState?e():window.addEventListener("DOMContentLoaded",(function(){e()})):e()})),yield(0,r.loadAssets)(t.assets,t.root),yield(0,n.getMerkur)().create(t)}))).apply(this,arguments)}function m(e,t){var n=function(e){return!!e&&e.constructor===Object};return n(e)&&n(t)?(Object.keys(t).forEach((function(r){var o=e[r],i=t[r];Array.isArray(o)&&Array.isArray(i)?e[r]=o.concat(i):n(o)&&n(i)?e[r]=m(Object.assign({},o),i):e[r]=i})),e):t}Object.defineProperty(t,"__esModule",{value:!0}),t.deepMerge=m,t.registerCustomElement=function(e){var t=m({},e),n=t.widgetDefinition,r=t.callbacks,o=function(e){function t(){var e,o,i,u,c;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),i=this,u=d(u=t),o=l(i,s()?Reflect.construct(u,c||[],d(i).constructor):u.apply(i,c));var a=null==r||null===(e=r.getSingleton)||void 0===e?void 0:e.call(r);if(a&&a.name&&a.version)return o._widget=a,l(o);var f=o.attachShadow({mode:"open"});return b((function*(){try{var e;n.root=f,n.customElement=o,n.container||(n.container=document.createElement("div"),n.container.setAttribute("id","merkur-container")),n.root.appendChild(n.container),o._widget=yield function(e){return v.apply(this,arguments)}(n),o._widget.mount(),null==r||null===(e=r.constructor)||void 0===e||e.call(r,o._widget)}catch(e){console.error(e)}}))(),o}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(t,e),function(e,t,n){t&&c(e.prototype,t);n&&c(e,n);return Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"connectedCallback",value:function(){var e;null==r||null===(e=r.connectedCallback)||void 0===e||e.call(r,this._widget)}},{key:"disconnectedCallback",value:function(){var e;null==r||null===(e=r.disconnectedCallback)||void 0===e||e.call(r,this._widget)}},{key:"adoptedCallback",value:function(){var e;null==r||null===(e=r.adoptedCallback)||void 0===e||e.call(r,this._widget)}},{key:"attributeChangedCallback",value:function(e,t,n){var o;null==r||null===(o=r.attributeChangedCallback)||void 0===o||o.call(r,this._widget,e,t,n)}}])}(f(HTMLElement));void 0===customElements.get(n.name)&&customElements.define(n.name,o)}}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@merkur/integration-custom-element",
|
|
3
|
-
"version": "0.35.
|
|
3
|
+
"version": "0.35.12",
|
|
4
4
|
"description": "Merkur module for easy integration with other apps with custom element.",
|
|
5
5
|
"main": "lib/index",
|
|
6
6
|
"module": "lib/index",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"@merkur/core": "*",
|
|
58
58
|
"@merkur/integration": "*"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "7f7a4447d01dc2a2c6bf1debb243d7fa30218623"
|
|
61
61
|
}
|