@telia-ace/widget-types-grid 1.0.30-experimental.2 → 1.0.30-experimental.21

package/dist/render.3f019371.js

@@ -0,0 +1,154 @@
+var h = (r, e, o) => new Promise((i, t) => {
+  var n = (s) => {
+    try {
+      l(o.next(s));
+    } catch (d) {
+      t(d);
+    }
+  }, a = (s) => {
+    try {
+      l(o.throw(s));
+    } catch (d) {
+      t(d);
+    }
+  }, l = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(n, a);
+  l((o = o.apply(r, e)).next());
+});
+import { ComponentPlatform as u } from "@telia-ace/widget-core";
+import { nothing as g, css as w, LitElement as y } from "lit";
+import { state as m, property as _ } from "lit/decorators.js";
+import { html as v, unsafeStatic as b } from "lit/static-html.js";
+import { resolveComponent as x } from "./index.js";
+import "@telia-ace/widget-ui";
+import "react";
+import "@emotion/react";
+import "@emotion/styled";
+import "@telia-ace/widget-utilities";
+import "react-transition-group";
+import "react-router";
+import "@open-wc/lit-helpers";
+import "@telia-ace/widget-routing";
+import "@telia-ace/widget-services";
+import "@webprovisions/bootstrapping";
+import "@webprovisions/platform";
+const f = (r) => {
+  const e = r.getRootNode();
+  if (r.getAttribute("widgetname"))
+    return window.humany.widgets.find(
+      r.getAttribute("widgetname")
+    );
+  if (r.classList.contains("humany-widget")) {
+    const o = Array.from(r.classList).reduce(
+      (t, n) => (n.indexOf("humany_") === 0 && (t = n.replace("humany_", "")), t),
+      void 0
+    );
+    return window.humany.widgets.find(o);
+  }
+  return e.host ? f(e.host) : null;
+};
+class C {
+  constructor(e) {
+    (this.host = e).addController(this);
+  }
+  hostConnected() {
+    this.widget = f(this.host);
+  }
+}
+const P = (r) => {
+  class e extends r {
+    constructor(...i) {
+      super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (t) => {
+        const n = t.detail.key;
+        this._instances.has(n) && (t.detail.instance = this._instances.get(n), t.stopPropagation());
+      });
+    }
+    provideInstance(i, t) {
+      this._instances.set(i, t);
+    }
+  }
+  return e;
+};
+var I = Object.defineProperty, L = Object.getOwnPropertyDescriptor, p = (r, e, o, i) => {
+  for (var t = i > 1 ? void 0 : i ? L(e, o) : e, n = r.length - 1, a; n >= 0; n--)
+    (a = r[n]) && (t = (i ? a(e, o, t) : a(t)) || t);
+  return i && t && I(e, o, t), t;
+};
+class c extends P(y) {
+  constructor() {
+    super(), this.controller = new C(this), this._child = null, this._entry = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.controller.widget && (this.provideInstance("container", this.controller.widget.container), Promise.all([
+      u.getInstance(this.controller.widget.container),
+      this.controller.widget.container.getAsync("componentResolver")
+    ]).then((e) => h(this, null, function* () {
+      this.platform = e[0];
+      const o = e[1];
+      if (this.unsubscribe = this.platform.events.subscribe(
+        "components:root-children-changed",
+        (i, { node: t }) => {
+          t.parent && t.parent.type === "root" && (this._entry = t.parent.children.default[0].id);
+        }
+      ), this._entry = this.platform.nodes.root.children.default[0].id || null, !this._entry) {
+        console.warn("Could not get node ID for entry node on the ComponentPlatform.");
+        return;
+      }
+      this._child = (yield x(this._entry, o, this.platform)) || null;
+    })));
+  }
+  render() {
+    return this._child ? v` <${b(this._child.tag)} nodeId=${this._child.nodeId} /> ` : g;
+  }
+}
+c.styles = [
+  w`
+            :host {
+                --gap: 0;
+                --fonts-type: 'Lato';
+                --fonts-small: 0.9em;
+                --fonts-normal: 1em;
+                --fonts-medium: 1.1em;
+                --fonts-huge: 1.4em;
+                --fonts-large: 1.1em;
+                --colors-accent: #fafafa;
+                --colors-link: #990ae3;
+                --colors-primary: #990ae3;
+                --colors-text: #333333;
+                --colors-textLight: #767676;
+                --colors-warning: #cc0000;
+                --accessibility-border: 2px dashed #990ae3;
+                --accessibility-colors-inactiveText: #990ae3;
+                --accessibility-colors-activeText: #ffffff;
+                --inputBorder: 1px solid #000000;
+                --border: 1px solid #000000;
+                --borderRadius: 5px;
+                --boxShadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+                --cardinal: 3px;
+                --size-small: var(--cardinal);
+                --size-normal: calc(var(--cardinal) * 3);
+                --size-medium: calc(var(--cardinal) * 5);
+                --size-large: calc(var(--cardinal) * 8);
+                --size-huge: calc(var(--cardinal) * 12);
+
+                --typography-h1: h2;
+            }
+        `
+];
+p([
+  m()
+], c.prototype, "_entry", 2);
+p([
+  _()
+], c.prototype, "widgetName", 2);
+p([
+  m()
+], c.prototype, "_child", 2);
+customElements.define("widget-root", c);
+const H = (r, e, o) => {
+  const i = document.createElement("widget-root");
+  i.setAttribute("widgetName", r), o.appendChild(i);
+};
+export {
+  H as default
+};
+//# sourceMappingURL=render.3f019371.js.map

package/dist/render.3f019371.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.3f019371.js","sources":["../src/utils/get-widget.ts","../src/controllers/widget-controller.ts","../src/mixins/provider.ts","../src/ui/widget-root.ts","../src/ui/render.ts"],"sourcesContent":["// export const getWidget = (elem: HTMLElement) => {\n//   const widgetEl = elem.closest('.humany-widget');\n//   console.log('elem', widgetEl);\n\n//   if (!widgetEl) {\n//     return;\n//   }\n\n//   const widgetName = Array.from(widgetEl.classList).reduce<string | undefined>(\n//     (acc, className) => {\n//       if (className.indexOf('humany_') === 0) {\n//         acc = className.replace('humany_', '');\n//       }\n//       return acc;\n//     },\n//     undefined\n//   );\n\n//   if (!widgetName) {\n//     return;\n//   }\n\n//   const widget = (window as any).humany.widgets.find(widgetName);\n//   return widget;\n// };\n\nexport const getWidget = (elem: HTMLElement): any => {\n  const root = elem.getRootNode() as any;\n\n  if (elem.getAttribute('widgetname')) {\n    const widget = (window as any).humany.widgets.find(\n      elem.getAttribute('widgetname')\n    );\n\n    return widget;\n  } else if (elem.classList.contains('humany-widget')) {\n    const widgetName = Array.from(elem.classList).reduce<string | undefined>(\n      (acc, className) => {\n        if (className.indexOf('humany_') === 0) {\n          acc = className.replace('humany_', '');\n        }\n        return acc;\n      },\n      undefined\n    );\n    const widget = (window as any).humany.widgets.find(widgetName);\n\n    return widget;\n  }\n\n  if (!root.host) {\n    return null;\n  }\n\n  return getWidget(root.host);\n\n  // const widgetEl = elem.closest('.humany-widget');\n  // console.log('elem', widgetEl);\n\n  // if (!widgetEl) {\n  //   return;\n  // }\n\n  // const widgetName = Array.from(widgetEl.classList).reduce<string | undefined>(\n  //   (acc, className) => {\n  //     if (className.indexOf('humany_') === 0) {\n  //       acc = className.replace('humany_', '');\n  //     }\n  //     return acc;\n  //   },\n  //   undefined\n  // );\n\n  // if (!widgetName) {\n  //   return;\n  // }\n\n  // const widget = (window as any).humany.widgets.find(widgetName);\n  // return widget;\n};\n","import { Widget } from '@webprovisions/platform';\nimport { getWidget } from '../utils/get-widget';\n\nexport class WidgetController {\n  host: any;\n  widget: Widget | undefined;\n\n  constructor(host: any) {\n    (this.host = host).addController(this);\n  }\n\n  hostConnected() {\n    this.widget = getWidget(this.host);\n  }\n}\n","import { LitElement } from 'lit';\n\nexport declare class ProviderInterface {\n    provideInstance(key: string, instance: any): void;\n}\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport const Provider = <T extends Constructor<LitElement>>(Base: T) => {\n    class ProviderClass extends Base {\n        _instances = new Map();\n\n        constructor(...args: any[]) {\n            super();\n\n            this.addEventListener('request-instance', (event: any) => {\n                const key = event.detail.key;\n\n                if (this._instances.has(key)) {\n                    event.detail.instance = this._instances.get(key);\n                    event.stopPropagation();\n                }\n            });\n        }\n\n        provideInstance(key: string, instance: any) {\n            this._instances.set(key, instance);\n        }\n    }\n\n    return ProviderClass as Constructor<ProviderInterface> & T;\n};\n","import { ComponentPlatform, ComponentResolver } from '@telia-ace/widget-core';\nimport { EventSubscriptionCancellation } from '@webprovisions/platform';\nimport { css, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { html, unsafeStatic } from 'lit/static-html.js';\nimport { WidgetController } from '../controllers/widget-controller';\nimport { Provider } from '../mixins/provider';\nimport { resolveComponent } from '../utils/resolve-component';\n// import {\n//   GuideList,\n//   Paragraph,\n//   ItemList,\n//   List,\n//   SymbolBadge,\n//   Text,\n//   Html,\n//   Button,\n//   Typography,\n//   TextLink,\n// } from 'ui'; // TODO: this is not how we want to register the ui elements\n\n// @customElement('widget-root')\nexport class WidgetRoot extends Provider(LitElement) {\n    controller = new WidgetController(this);\n    platform: ComponentPlatform | undefined;\n    unsubscribe: EventSubscriptionCancellation | undefined;\n\n    static styles = [\n        css`\n            :host {\n                --gap: 0;\n                --fonts-type: 'Lato';\n                --fonts-small: 0.9em;\n                --fonts-normal: 1em;\n                --fonts-medium: 1.1em;\n                --fonts-huge: 1.4em;\n                --fonts-large: 1.1em;\n                --colors-accent: #fafafa;\n                --colors-link: #990ae3;\n                --colors-primary: #990ae3;\n                --colors-text: #333333;\n                --colors-textLight: #767676;\n                --colors-warning: #cc0000;\n                --accessibility-border: 2px dashed #990ae3;\n                --accessibility-colors-inactiveText: #990ae3;\n                --accessibility-colors-activeText: #ffffff;\n                --inputBorder: 1px solid #000000;\n                --border: 1px solid #000000;\n                --borderRadius: 5px;\n                --boxShadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n                --cardinal: 3px;\n                --size-small: var(--cardinal);\n                --size-normal: calc(var(--cardinal) * 3);\n                --size-medium: calc(var(--cardinal) * 5);\n                --size-large: calc(var(--cardinal) * 8);\n                --size-huge: calc(var(--cardinal) * 12);\n\n                --typography-h1: h2;\n            }\n        `,\n    ];\n\n    @state()\n    declare _entry: string | null;\n    @property()\n    declare widgetName: string;\n\n    @state()\n    declare _child: { tag: string; nodeId: string } | null;\n\n    constructor() {\n        super();\n        this._child = null;\n        this._entry = null;\n        // this._installRoutes();\n    }\n\n    // _installRoutes() {\n    //   page('/browse', this._browseRoute);\n    //   page('*', this._notFoundRoute);\n    //   page();\n    // }\n\n    // _browseRoute() {\n    //   console.log('browse route');\n    // }\n\n    // _notFoundRoute() {\n    //   console.log('not found route');\n    // }\n\n    connectedCallback() {\n        super.connectedCallback();\n\n        if (this.controller.widget) {\n            this.provideInstance('container', this.controller.widget.container);\n\n            Promise.all([\n                ComponentPlatform.getInstance(this.controller.widget.container),\n                this.controller.widget.container.getAsync('componentResolver'),\n            ]).then(async (values) => {\n                this.platform = values[0];\n                const resolver: ComponentResolver = values[1];\n\n                this.unsubscribe = this.platform.events.subscribe(\n                    'components:root-children-changed',\n                    (event: any, { node }: any) => {\n                        if (node.parent && node.parent.type === 'root') {\n                            this._entry = node.parent.children.default[0].id;\n                        }\n                    }\n                );\n\n                this._entry = this.platform.nodes.root.children.default[0].id || null;\n\n                if (!this._entry) {\n                    console.warn('Could not get node ID for entry node on the ComponentPlatform.');\n                    return;\n                }\n\n                this._child =\n                    (await resolveComponent(this._entry, resolver, this.platform)) || null;\n            });\n        }\n    }\n\n    render() {\n        if (!this._child) {\n            return nothing;\n        }\n\n        return html` <${unsafeStatic(this._child.tag)} nodeId=${this._child.nodeId} /> `;\n    }\n}\n","import { Container } from '@webprovisions/platform';\nimport './widget-component';\nimport { WidgetRoot } from './widget-root';\n\ncustomElements.define('widget-root', WidgetRoot);\n\nexport default (widgetName: string, container: Container, element: HTMLElement) => {\n    const root = document.createElement('widget-root');\n    root.setAttribute('widgetName', widgetName);\n    element.appendChild(root);\n};\n"],"names":["getWidget","elem","root","widgetName","acc","className","WidgetController","host","Provider","Base","ProviderClass","args","event","key","instance","WidgetRoot","LitElement","ComponentPlatform","values","__async","resolver","node","resolveComponent","html","unsafeStatic","nothing","css","__decorateClass","state","property","render","container","element"],"mappings":"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"}

package/dist/ui/widget-root.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPlatform } from '@telia-ace/widget-core';
 import { EventSubscriptionCancellation } from '@webprovisions/platform';
-import { LitElement } from 'lit';
+import { LitElement, nothing } from 'lit';
 import { WidgetController } from '../controllers/widget-controller';
 declare const WidgetRoot_base: (new (...args: any[]) => import("../mixins/provider").ProviderInterface) & typeof LitElement;
 export declare class WidgetRoot extends WidgetRoot_base {
@@ -8,14 +8,14 @@ export declare class WidgetRoot extends WidgetRoot_base {
     platform: ComponentPlatform | undefined;
     unsubscribe: EventSubscriptionCancellation | undefined;
     static styles: import("lit").CSSResult[];
-    protected _entry: string | null;
+    _entry: string | null;
     widgetName: string;
-    protected _child: {
+    _child: {
         tag: string;
         nodeId: string;
     } | null;
     constructor();
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1 | 2>;
+    render(): typeof nothing | import("lit").TemplateResult<1 | 2>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-types-grid",
-  "version": "1.0.30-experimental.2",
+  "version": "1.0.30-experimental.21",
   "description": "Type definition for Grid widget.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -23,15 +23,15 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.1",
     "@open-wc/lit-helpers": "^0.5.1",
-    "@telia-ace/widget-core": "1.0.21-experimental.2",
-    "@telia-ace/widget-forms": "1.0.28-experimental.2",
-    "@telia-ace/widget-routing": "1.0.22-experimental.2",
-    "@telia-ace/widget-services": "1.0.21-experimental.2",
-    "@telia-ace/widget-ui": "1.0.28-experimental.2",
-    "@telia-ace/widget-utilities": "1.0.10-experimental.2",
+    "@telia-ace/widget-core": "1.0.21-experimental.21",
+    "@telia-ace/widget-forms": "1.0.28-experimental.21",
+    "@telia-ace/widget-routing": "1.0.22-experimental.21",
+    "@telia-ace/widget-services": "1.0.21-experimental.21",
+    "@telia-ace/widget-ui": "1.0.28-experimental.21",
+    "@telia-ace/widget-utilities": "1.0.10-experimental.21",
     "@webprovisions/bootstrapping": "^1.0.12",
     "@webprovisions/platform": "^1.1.2",
-    "lit": "^2.6.0",
+    "lit": "^2.6.1",
     "page": "^1.11.6"
   },
   "peerDependencies": {
@@ -48,7 +48,7 @@
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@telia-ace/widget-developer-tools": "1.0.16-experimental.2",
+    "@telia-ace/widget-developer-tools": "1.0.16-experimental.21",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "@types/react-router": "^5.1.20",