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

package/dist/index.js

@@ -19,7 +19,7 @@ var N = (t, e) => {
       e.indexOf(s) < 0 && re.call(t, s) && (n[s] = t[s]);
   return n;
 };
-import { Grid as ue, useRouteData as Ce, useRouter as Oe, useProperties as de, useContext as X, useContainer as T, useComponentNode as ee, useScroll as he, transitionComposer as Se, paddedBorderTabStyle as Ae, useComponent as xe, useComponentDescriptor as De, filterCssPropsStyle as Me, Typography as Ne, useComponentPlatform as me, useIsMounted as $e, useColumns as Le, useLayout as ke, ComponentNodeContext as Pe, ComponentPropertyContext as Re, filterCssProps as Ve } from "@telia-ace/widget-ui";
+import { Grid as ue, useRouteData as Ce, useRouter as Oe, useProperties as de, useContext as X, useContainer as T, useComponentNode as ee, useScroll as he, transitionComposer as Se, paddedBorderTabStyle as Ae, useComponent as De, useComponentDescriptor as xe, filterCssPropsStyle as Me, Typography as Ne, useComponentPlatform as me, useIsMounted as $e, useColumns as Le, useLayout as ke, ComponentNodeContext as Pe, ComponentPropertyContext as Re, filterCssProps as Ve } from "@telia-ace/widget-ui";
 import h, { useState as z, forwardRef as pe, useMemo as _e, Suspense as Ie, useEffect as B } from "react";
 import { css as fe, ThemeProvider as ze, useTheme as Be } from "@emotion/react";
 import { asDescriptor as ae, ComponentPlatform as Te, createComponentModel as je, ComponentQuery as Ge, WidgetRenderState as O } from "@telia-ace/widget-core";
@@ -71,10 +71,10 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
     return null;
   const { location: se } = u;
   a.name !== i && a.name !== "" && y && (c(Xe(i, a.name, st)), o(a.name));
-  const { views: x } = f.get("$settings");
-  if (!Object.keys(x).length)
+  const { views: D } = f.get("$settings");
+  if (!Object.keys(D).length)
     return null;
-  const D = (w, M, R) => {
+  const x = (w, M, R) => {
     const S = Y(M, R), I = m.getChildren(w)[0];
     return /* @__PURE__ */ h.createElement(
       nt,
@@ -117,9 +117,9 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
       (w, { direction: M }) => /* @__PURE__ */ h.createElement(
         ge,
         {
-          views: x,
+          views: D,
           location: se,
-          render: (R) => D(R, w, M)
+          render: (R) => x(R, w, M)
         }
       )
     )
@@ -195,7 +195,7 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
 `, ht = pe(
   (i, s) => {
     var o = i, { className: t = "", children: e } = o, n = N(o, ["className", "children"]);
-    const r = xe(), { name: c, type: a, id: u } = De(), d = _e(() => r ? P(r)`
+    const r = De(), { name: c, type: a, id: u } = xe(), d = _e(() => r ? P(r)`
                     ${U}
                     ${Me}
                 ` : null, [r]);
@@ -262,31 +262,31 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
     }, [l, e, s, L]), !m || !L)
       return null;
     const R = p(p({}, y), r || {}), {
-      cardinal: x,
-      fonts: D = {},
+      cardinal: D,
+      fonts: x = {},
       accessibility: Y = {}
     } = R, G = N(R, [
       "cardinal",
       "fonts",
       "accessibility"
     ]), w = {
-      type: D.type,
-      base: D.base || "16px",
-      small: D.small || "0.8em",
-      normal: D.normal || "1em",
-      medium: D.medium || "1.2em",
-      large: D.large || "1.6em",
-      huge: D.huge || "2.5em"
+      type: x.type,
+      base: x.base || "16px",
+      small: x.small || "0.8em",
+      normal: x.normal || "1em",
+      medium: x.medium || "1.2em",
+      large: x.large || "1.6em",
+      huge: x.huge || "2.5em"
     }, M = C(p({}, G), {
       fonts: w,
       accessibility: p({}, Y)
     });
-    return typeof x == "number" && (M.sizes = {
-      cardinal: x,
-      small: `${x}px`,
-      normal: `${x * 3}px`,
-      medium: `${x * 5}px`,
-      large: `${x * 8}px`
+    return typeof D == "number" && (M.sizes = {
+      cardinal: D,
+      small: `${D}px`,
+      normal: `${D * 3}px`,
+      medium: `${D * 5}px`,
+      large: `${D * 8}px`
     }), /* @__PURE__ */ h.createElement(ze, { theme: M }, /* @__PURE__ */ h.createElement(Pe.Provider, { value: m }, /* @__PURE__ */ h.createElement(Re.Provider, { value: E }, (() => {
       const S = p({
         "data-width": A === "full" ? b : Math.min(A, b),
@@ -414,7 +414,7 @@ function At(t, e) {
     e && n.setAttribute("title", e), n.classList.remove("humany-active"), n.classList.remove("humany-loading");
   });
 }
-function xt(t) {
+function Dt(t) {
   t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((e) => {
     e.classList.remove("humany-active"), e.classList.add("humany-loading");
   });
@@ -425,9 +425,9 @@ function ye(t, e) {
   });
 }
 var k = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(k || {});
-const Dt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", be = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Mt = (t, e, n, s, i = !1) => {
+const xt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", be = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Mt = (t, e, n, s, i = !1) => {
   var u, d;
-  const o = Dt(
+  const o = xt(
     e,
     n
   ), r = be(s), c = {
@@ -488,7 +488,7 @@ class $t {
   }
   render() {
     const { widgetDOMElement: e, triggerDOMElement: n } = this.options, s = this.container.get("$widget");
-    return e.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === k.Badge && xt(n), import("./render.9ebba652.js").then((i) => i.default(s.name, this.container, e)).then(() => {
+    return e.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === k.Badge && Dt(n), import("./render.b6303746.js").then((i) => i.default(s.name, this.container, e)).then(() => {
       if (e.setAttribute("data-rendered", "true"), n && this.options.triggerType === k.Badge) {
         const o = this.options.triggerOptions.openTooltip;
         ye(n, o);
@@ -645,8 +645,6 @@ class Jt extends Je {
     ), this.container.registerAsync("router", () => Pt(this.container)), this.container.registerAsync("actionResolver", () => Vt(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => It(this.container));
   }
   initialize() {
-    console.log("experimental abc123");
-    debugger;
     const e = this.container.getManyAsync(
       "actionResolver",
       "router",