@merkur/integration-custom-element 0.34.5 → 0.34.6

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 CHANGED
@@ -12,7 +12,7 @@ async function createSPAWidget(widgetDefinition) {
12
12
  core.getMerkur().register(definition);
13
13
 
14
14
  await afterDOMLoad();
15
- await integration.loadAssets(definition.assets, definition.container);
15
+ await integration.loadAssets(definition.assets, definition.root);
16
16
 
17
17
  return await core.getMerkur().create(definition);
18
18
  }
@@ -33,7 +33,7 @@ function afterDOMLoad() {
33
33
  });
34
34
  }
35
35
 
36
- function registerCustomElement({ widgetDefinition }) {
36
+ function registerCustomElement({ widgetDefinition, callbacks }) {
37
37
  class WidgetElement extends HTMLElement {
38
38
  constructor() {
39
39
  super();
@@ -42,14 +42,46 @@ function registerCustomElement({ widgetDefinition }) {
42
42
 
43
43
  (async () => {
44
44
  try {
45
- widgetDefinition.container = widgetDefinition.container || shadow;
46
- const widget = await createSPAWidget(widgetDefinition);
47
- await widget.mount();
45
+ widgetDefinition.root = shadow;
46
+ widgetDefinition.customElement = this;
47
+
48
+ if (!widgetDefinition.container) {
49
+ widgetDefinition.container = document.createElement('div');
50
+ widgetDefinition.container.setAttribute('id', 'merkur-container');
51
+ }
52
+
53
+ widgetDefinition.root.appendChild(widgetDefinition.container);
54
+
55
+ this._widget = await createSPAWidget(widgetDefinition);
56
+ this._widget.mount();
57
+
58
+ callbacks?.constructor(this._widget);
48
59
  } catch (error) {
49
60
  console.error(error);
50
61
  }
51
62
  })();
52
63
  }
64
+
65
+ connectedCallback() {
66
+ callbacks?.connectedCallback(this._widget);
67
+ }
68
+
69
+ disconnectedCallback() {
70
+ callbacks?.disconnectedCallback(this._widget);
71
+ }
72
+
73
+ adoptedCallback() {
74
+ callbacks?.adoptedCallback(this._widget);
75
+ }
76
+
77
+ attributeChangedCallback(name, oldValue, newValue) {
78
+ callbacks?.attributeChangedCallback(
79
+ this._widget,
80
+ name,
81
+ oldValue,
82
+ newValue,
83
+ );
84
+ }
53
85
  }
54
86
 
55
87
  if (customElements.get(widgetDefinition.name) === undefined) {
@@ -57,4 +89,28 @@ function registerCustomElement({ widgetDefinition }) {
57
89
  }
58
90
  }
59
91
 
92
+ function deepMerge(target, source) {
93
+ const isObject = (obj) => !!obj && obj.constructor === Object;
94
+
95
+ if (!isObject(target) || !isObject(source)) {
96
+ return source;
97
+ }
98
+
99
+ Object.keys(source).forEach((key) => {
100
+ const targetValue = target[key];
101
+ const sourceValue = source[key];
102
+
103
+ if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
104
+ target[key] = targetValue.concat(sourceValue);
105
+ } else if (isObject(targetValue) && isObject(sourceValue)) {
106
+ target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
107
+ } else {
108
+ target[key] = sourceValue;
109
+ }
110
+ });
111
+
112
+ return target;
113
+ }
114
+
115
+ exports.deepMerge = deepMerge;
60
116
  exports.registerCustomElement = registerCustomElement;
package/lib/index.es9.cjs CHANGED
@@ -9,7 +9,7 @@ async function createSPAWidget(widgetDefinition) {
9
9
  };
10
10
  core.getMerkur().register(definition);
11
11
  await afterDOMLoad();
12
- await integration.loadAssets(definition.assets, definition.container);
12
+ await integration.loadAssets(definition.assets, definition.root);
13
13
  return await core.getMerkur().create(definition);
14
14
  }
15
15
  function afterDOMLoad() {
@@ -28,7 +28,8 @@ function afterDOMLoad() {
28
28
  });
29
29
  }
30
30
  function registerCustomElement({
31
- widgetDefinition
31
+ widgetDefinition,
32
+ callbacks
32
33
  }) {
33
34
  class WidgetElement extends HTMLElement {
34
35
  constructor() {
@@ -38,17 +39,55 @@ function registerCustomElement({
38
39
  });
39
40
  (async () => {
40
41
  try {
41
- widgetDefinition.container = widgetDefinition.container || shadow;
42
- const widget = await createSPAWidget(widgetDefinition);
43
- await widget.mount();
42
+ widgetDefinition.root = shadow;
43
+ widgetDefinition.customElement = this;
44
+ if (!widgetDefinition.container) {
45
+ widgetDefinition.container = document.createElement('div');
46
+ widgetDefinition.container.setAttribute('id', 'merkur-container');
47
+ }
48
+ widgetDefinition.root.appendChild(widgetDefinition.container);
49
+ this._widget = await createSPAWidget(widgetDefinition);
50
+ this._widget.mount();
51
+ callbacks === null || callbacks === void 0 || callbacks.constructor(this._widget);
44
52
  } catch (error) {
45
53
  console.error(error);
46
54
  }
47
55
  })();
48
56
  }
57
+ connectedCallback() {
58
+ callbacks === null || callbacks === void 0 || callbacks.connectedCallback(this._widget);
59
+ }
60
+ disconnectedCallback() {
61
+ callbacks === null || callbacks === void 0 || callbacks.disconnectedCallback(this._widget);
62
+ }
63
+ adoptedCallback() {
64
+ callbacks === null || callbacks === void 0 || callbacks.adoptedCallback(this._widget);
65
+ }
66
+ attributeChangedCallback(name, oldValue, newValue) {
67
+ callbacks === null || callbacks === void 0 || callbacks.attributeChangedCallback(this._widget, name, oldValue, newValue);
68
+ }
49
69
  }
50
70
  if (customElements.get(widgetDefinition.name) === undefined) {
51
71
  customElements.define(widgetDefinition.name, WidgetElement);
52
72
  }
53
73
  }
74
+ function deepMerge(target, source) {
75
+ const isObject = obj => !!obj && obj.constructor === Object;
76
+ if (!isObject(target) || !isObject(source)) {
77
+ return source;
78
+ }
79
+ Object.keys(source).forEach(key => {
80
+ const targetValue = target[key];
81
+ const sourceValue = source[key];
82
+ if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
83
+ target[key] = targetValue.concat(sourceValue);
84
+ } else if (isObject(targetValue) && isObject(sourceValue)) {
85
+ target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
86
+ } else {
87
+ target[key] = sourceValue;
88
+ }
89
+ });
90
+ return target;
91
+ }
92
+ exports.deepMerge = deepMerge;
54
93
  exports.registerCustomElement = registerCustomElement;
package/lib/index.es9.mjs CHANGED
@@ -7,7 +7,7 @@ async function createSPAWidget(widgetDefinition) {
7
7
  };
8
8
  getMerkur().register(definition);
9
9
  await afterDOMLoad();
10
- await loadAssets(definition.assets, definition.container);
10
+ await loadAssets(definition.assets, definition.root);
11
11
  return await getMerkur().create(definition);
12
12
  }
13
13
  function afterDOMLoad() {
@@ -26,7 +26,8 @@ function afterDOMLoad() {
26
26
  });
27
27
  }
28
28
  function registerCustomElement({
29
- widgetDefinition
29
+ widgetDefinition,
30
+ callbacks
30
31
  }) {
31
32
  class WidgetElement extends HTMLElement {
32
33
  constructor() {
@@ -36,17 +37,54 @@ function registerCustomElement({
36
37
  });
37
38
  (async () => {
38
39
  try {
39
- widgetDefinition.container = widgetDefinition.container || shadow;
40
- const widget = await createSPAWidget(widgetDefinition);
41
- await widget.mount();
40
+ widgetDefinition.root = shadow;
41
+ widgetDefinition.customElement = this;
42
+ if (!widgetDefinition.container) {
43
+ widgetDefinition.container = document.createElement('div');
44
+ widgetDefinition.container.setAttribute('id', 'merkur-container');
45
+ }
46
+ widgetDefinition.root.appendChild(widgetDefinition.container);
47
+ this._widget = await createSPAWidget(widgetDefinition);
48
+ this._widget.mount();
49
+ callbacks === null || callbacks === void 0 || callbacks.constructor(this._widget);
42
50
  } catch (error) {
43
51
  console.error(error);
44
52
  }
45
53
  })();
46
54
  }
55
+ connectedCallback() {
56
+ callbacks === null || callbacks === void 0 || callbacks.connectedCallback(this._widget);
57
+ }
58
+ disconnectedCallback() {
59
+ callbacks === null || callbacks === void 0 || callbacks.disconnectedCallback(this._widget);
60
+ }
61
+ adoptedCallback() {
62
+ callbacks === null || callbacks === void 0 || callbacks.adoptedCallback(this._widget);
63
+ }
64
+ attributeChangedCallback(name, oldValue, newValue) {
65
+ callbacks === null || callbacks === void 0 || callbacks.attributeChangedCallback(this._widget, name, oldValue, newValue);
66
+ }
47
67
  }
48
68
  if (customElements.get(widgetDefinition.name) === undefined) {
49
69
  customElements.define(widgetDefinition.name, WidgetElement);
50
70
  }
51
71
  }
52
- export { registerCustomElement };
72
+ function deepMerge(target, source) {
73
+ const isObject = obj => !!obj && obj.constructor === Object;
74
+ if (!isObject(target) || !isObject(source)) {
75
+ return source;
76
+ }
77
+ Object.keys(source).forEach(key => {
78
+ const targetValue = target[key];
79
+ const sourceValue = source[key];
80
+ if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
81
+ target[key] = targetValue.concat(sourceValue);
82
+ } else if (isObject(targetValue) && isObject(sourceValue)) {
83
+ target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
84
+ } else {
85
+ target[key] = sourceValue;
86
+ }
87
+ });
88
+ return target;
89
+ }
90
+ export { deepMerge, registerCustomElement };
package/lib/index.js CHANGED
@@ -12,7 +12,7 @@ async function createSPAWidget(widgetDefinition) {
12
12
  core.getMerkur().register(definition);
13
13
 
14
14
  await afterDOMLoad();
15
- await integration.loadAssets(definition.assets, definition.container);
15
+ await integration.loadAssets(definition.assets, definition.root);
16
16
 
17
17
  return await core.getMerkur().create(definition);
18
18
  }
@@ -33,7 +33,7 @@ function afterDOMLoad() {
33
33
  });
34
34
  }
35
35
 
36
- function registerCustomElement({ widgetDefinition }) {
36
+ function registerCustomElement({ widgetDefinition, callbacks }) {
37
37
  class WidgetElement extends HTMLElement {
38
38
  constructor() {
39
39
  super();
@@ -42,14 +42,46 @@ function registerCustomElement({ widgetDefinition }) {
42
42
 
43
43
  (async () => {
44
44
  try {
45
- widgetDefinition.container = widgetDefinition.container || shadow;
46
- const widget = await createSPAWidget(widgetDefinition);
47
- await widget.mount();
45
+ widgetDefinition.root = shadow;
46
+ widgetDefinition.customElement = this;
47
+
48
+ if (!widgetDefinition.container) {
49
+ widgetDefinition.container = document.createElement('div');
50
+ widgetDefinition.container.setAttribute('id', 'merkur-container');
51
+ }
52
+
53
+ widgetDefinition.root.appendChild(widgetDefinition.container);
54
+
55
+ this._widget = await createSPAWidget(widgetDefinition);
56
+ this._widget.mount();
57
+
58
+ callbacks?.constructor(this._widget);
48
59
  } catch (error) {
49
60
  console.error(error);
50
61
  }
51
62
  })();
52
63
  }
64
+
65
+ connectedCallback() {
66
+ callbacks?.connectedCallback(this._widget);
67
+ }
68
+
69
+ disconnectedCallback() {
70
+ callbacks?.disconnectedCallback(this._widget);
71
+ }
72
+
73
+ adoptedCallback() {
74
+ callbacks?.adoptedCallback(this._widget);
75
+ }
76
+
77
+ attributeChangedCallback(name, oldValue, newValue) {
78
+ callbacks?.attributeChangedCallback(
79
+ this._widget,
80
+ name,
81
+ oldValue,
82
+ newValue,
83
+ );
84
+ }
53
85
  }
54
86
 
55
87
  if (customElements.get(widgetDefinition.name) === undefined) {
@@ -57,4 +89,28 @@ function registerCustomElement({ widgetDefinition }) {
57
89
  }
58
90
  }
59
91
 
92
+ function deepMerge(target, source) {
93
+ const isObject = (obj) => !!obj && obj.constructor === Object;
94
+
95
+ if (!isObject(target) || !isObject(source)) {
96
+ return source;
97
+ }
98
+
99
+ Object.keys(source).forEach((key) => {
100
+ const targetValue = target[key];
101
+ const sourceValue = source[key];
102
+
103
+ if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
104
+ target[key] = targetValue.concat(sourceValue);
105
+ } else if (isObject(targetValue) && isObject(sourceValue)) {
106
+ target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
107
+ } else {
108
+ target[key] = sourceValue;
109
+ }
110
+ });
111
+
112
+ return target;
113
+ }
114
+
115
+ exports.deepMerge = deepMerge;
60
116
  exports.registerCustomElement = registerCustomElement;
package/lib/index.mjs CHANGED
@@ -10,7 +10,7 @@ async function createSPAWidget(widgetDefinition) {
10
10
  getMerkur().register(definition);
11
11
 
12
12
  await afterDOMLoad();
13
- await loadAssets(definition.assets, definition.container);
13
+ await loadAssets(definition.assets, definition.root);
14
14
 
15
15
  return await getMerkur().create(definition);
16
16
  }
@@ -31,7 +31,7 @@ function afterDOMLoad() {
31
31
  });
32
32
  }
33
33
 
34
- function registerCustomElement({ widgetDefinition }) {
34
+ function registerCustomElement({ widgetDefinition, callbacks }) {
35
35
  class WidgetElement extends HTMLElement {
36
36
  constructor() {
37
37
  super();
@@ -40,14 +40,46 @@ function registerCustomElement({ widgetDefinition }) {
40
40
 
41
41
  (async () => {
42
42
  try {
43
- widgetDefinition.container = widgetDefinition.container || shadow;
44
- const widget = await createSPAWidget(widgetDefinition);
45
- await widget.mount();
43
+ widgetDefinition.root = shadow;
44
+ widgetDefinition.customElement = this;
45
+
46
+ if (!widgetDefinition.container) {
47
+ widgetDefinition.container = document.createElement('div');
48
+ widgetDefinition.container.setAttribute('id', 'merkur-container');
49
+ }
50
+
51
+ widgetDefinition.root.appendChild(widgetDefinition.container);
52
+
53
+ this._widget = await createSPAWidget(widgetDefinition);
54
+ this._widget.mount();
55
+
56
+ callbacks?.constructor(this._widget);
46
57
  } catch (error) {
47
58
  console.error(error);
48
59
  }
49
60
  })();
50
61
  }
62
+
63
+ connectedCallback() {
64
+ callbacks?.connectedCallback(this._widget);
65
+ }
66
+
67
+ disconnectedCallback() {
68
+ callbacks?.disconnectedCallback(this._widget);
69
+ }
70
+
71
+ adoptedCallback() {
72
+ callbacks?.adoptedCallback(this._widget);
73
+ }
74
+
75
+ attributeChangedCallback(name, oldValue, newValue) {
76
+ callbacks?.attributeChangedCallback(
77
+ this._widget,
78
+ name,
79
+ oldValue,
80
+ newValue,
81
+ );
82
+ }
51
83
  }
52
84
 
53
85
  if (customElements.get(widgetDefinition.name) === undefined) {
@@ -55,4 +87,27 @@ function registerCustomElement({ widgetDefinition }) {
55
87
  }
56
88
  }
57
89
 
58
- export { registerCustomElement };
90
+ function deepMerge(target, source) {
91
+ const isObject = (obj) => !!obj && obj.constructor === Object;
92
+
93
+ if (!isObject(target) || !isObject(source)) {
94
+ return source;
95
+ }
96
+
97
+ Object.keys(source).forEach((key) => {
98
+ const targetValue = target[key];
99
+ const sourceValue = source[key];
100
+
101
+ if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
102
+ target[key] = targetValue.concat(sourceValue);
103
+ } else if (isObject(targetValue) && isObject(sourceValue)) {
104
+ target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
105
+ } else {
106
+ target[key] = sourceValue;
107
+ }
108
+ });
109
+
110
+ return target;
111
+ }
112
+
113
+ export { deepMerge, registerCustomElement };
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 r={exports:{}};t(r.exports,e.Merkur.Core,e.Merkur.Integration),e.merkurIntegrationCustomElement=r.exports}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,(function(t,r,n){function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return(t=f(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,f(n.key),n)}}function f(t){var r=function(t,r){if("object"!=e(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==e(r)?r:String(r)}function a(e){var t="function"==typeof Map?new Map:void 0;return a=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,r)}function r(){return function(e,t,r){if(l())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var o=new(e.bind.apply(e,n));return r&&p(o,r.prototype),o}(e,arguments,s(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),p(r,e)},a(e)}function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(l=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 s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}function y(e,t,r,n,o,i,u){try{var c=e[i](u),f=c.value}catch(e){return void r(e)}c.done?t(f):Promise.resolve(f).then(n,o)}function b(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function u(e){y(i,n,o,u,c,"next",e)}function c(e){y(i,n,o,u,c,"throw",e)}u(void 0)}))}}function d(){return(d=b((function*(e){var t=i(i({},e),{},{createWidget:e.createWidget||r.createMerkurWidget});return(0,r.getMerkur)().register(t),yield new Promise((function(e){"undefined"!=typeof document?"loading"!==document.readyState?e():window.addEventListener("DOMContentLoaded",(function(){e()})):e()})),yield(0,n.loadAssets)(t.assets,t.container),yield(0,r.getMerkur)().create(t)}))).apply(this,arguments)}Object.defineProperty(t,"__esModule",{value:!0}),t.registerCustomElement=function(t){var r=t.widgetDefinition,n=function(t){function n(){var t,o,i,u;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),o=this,i=s(i=n);var c=(t=function(t,r){if(r&&("object"===e(r)||"function"==typeof r))return r;if(void 0!==r)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)}(o,l()?Reflect.construct(i,u||[],s(o).constructor):i.apply(o,u))).attachShadow({mode:"open"});return b((function*(){try{r.container=r.container||c;var e=yield function(e){return d.apply(this,arguments)}(r);yield e.mount()}catch(e){console.error(e)}}))(),t}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)}(n,t),function(e,t,r){t&&c(e.prototype,t);r&&c(e,r);return Object.defineProperty(e,"prototype",{writable:!1}),e}(n)}(a(HTMLElement));void 0===customElements.get(r.name)&&customElements.define(r.name,n)}}));
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 r={exports:{}};t(r.exports,e.Merkur.Core,e.Merkur.Integration),e.merkurIntegrationCustomElement=r.exports}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,(function(t,r,n){function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return(t=a(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,a(n.key),n)}}function a(t){var r=function(t,r){if("object"!=e(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==e(r)?r:String(r)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e){var t="function"==typeof Map?new Map:void 0;return l=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,r)}function r(){return function(e,t,r){if(s())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var o=new(e.bind.apply(e,n));return r&&p(o,r.prototype),o}(e,arguments,y(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),p(r,e)},l(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 y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function d(e,t,r,n,o,i,u){try{var c=e[i](u),a=c.value}catch(e){return void r(e)}c.done?t(a):Promise.resolve(a).then(n,o)}function b(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function u(e){d(i,n,o,u,c,"next",e)}function c(e){d(i,n,o,u,c,"throw",e)}u(void 0)}))}}function m(){return(m=b((function*(e){var t=i(i({},e),{},{createWidget:e.createWidget||r.createMerkurWidget});return(0,r.getMerkur)().register(t),yield new Promise((function(e){"undefined"!=typeof document?"loading"!==document.readyState?e():window.addEventListener("DOMContentLoaded",(function(){e()})):e()})),yield(0,n.loadAssets)(t.assets,t.root),yield(0,r.getMerkur)().create(t)}))).apply(this,arguments)}Object.defineProperty(t,"__esModule",{value:!0}),t.deepMerge=function e(t,r){var n=function(e){return!!e&&e.constructor===Object};if(!n(t)||!n(r))return r;return Object.keys(r).forEach((function(o){var i=t[o],u=r[o];Array.isArray(i)&&Array.isArray(u)?t[o]=i.concat(u):n(i)&&n(u)?t[o]=e(Object.assign({},i),u):t[o]=u})),t},t.registerCustomElement=function(t){var r=t.widgetDefinition,n=t.callbacks,o=function(t){function o(){var t,i,u,c;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),i=this,u=y(u=o);var a=(t=function(t,r){if(r&&("object"===e(r)||"function"==typeof r))return r;if(void 0!==r)throw new TypeError("Derived constructors may only return object or undefined");return f(t)}(i,s()?Reflect.construct(u,c||[],y(i).constructor):u.apply(i,c))).attachShadow({mode:"open"});return b((function*(){try{r.root=a,r.customElement=f(t),r.container||(r.container=document.createElement("div"),r.container.setAttribute("id","merkur-container")),r.root.appendChild(r.container),t._widget=yield function(e){return m.apply(this,arguments)}(r),t._widget.mount(),null==n||n.constructor(t._widget)}catch(e){console.error(e)}}))(),t}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)}(o,t),function(e,t,r){t&&c(e.prototype,t);r&&c(e,r);Object.defineProperty(e,"prototype",{writable:!1})}(o,[{key:"connectedCallback",value:function(){null==n||n.connectedCallback(this._widget)}},{key:"disconnectedCallback",value:function(){null==n||n.disconnectedCallback(this._widget)}},{key:"adoptedCallback",value:function(){null==n||n.adoptedCallback(this._widget)}},{key:"attributeChangedCallback",value:function(e,t,r){null==n||n.attributeChangedCallback(this._widget,e,t,r)}}]),o}(l(HTMLElement));void 0===customElements.get(r.name)&&customElements.define(r.name,o)}}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@merkur/integration-custom-element",
3
- "version": "0.34.5",
3
+ "version": "0.34.6",
4
4
  "description": "Merkur module for easy integration with other apps with custom element.",
5
5
  "main": "lib/index",
6
6
  "module": "lib/index",
@@ -56,5 +56,5 @@
56
56
  "@merkur/core": "*",
57
57
  "@merkur/integration": "*"
58
58
  },
59
- "gitHead": "ad686581d92da82eac89cc892a0f71a5c3519e70"
59
+ "gitHead": "f835d930e7736a67658c7411730266fd677bb780"
60
60
  }