@telia-ace/widget-components-area 1.0.26-experimental.2 → 1.0.26-experimental.4

package/dist/area-component.d.ts

@@ -23,5 +23,5 @@ export type AreaComponentProps = {
         ariaLabel?: string;
     };
 };
-export declare const AreaComponent: (container: Container) => Promise<void>;
+declare const AreaComponent: (container: Container) => Promise<void>;
 export default AreaComponent;

package/dist/area-wrapper.d.ts

@@ -0,0 +1,11 @@
+import { NodeConnector } from '@telia-ace/widget-ui';
+import { Container } from '@webprovisions/platform';
+import Area from './area';
+declare const AreaWrapper_base: (new (...args: any[]) => import("@telia-ace/widget-ui/dist/mixins/widget-component").WidgetComponentInterface) & typeof Area;
+export default class AreaWrapper extends AreaWrapper_base {
+    connector: NodeConnector;
+    container: Container | undefined;
+    constructor();
+    connectedCallback(): void;
+}
+export {};

package/dist/area-wrapper.ffceab4a.js

@@ -0,0 +1,404 @@
+var tt = Object.defineProperty, et = Object.defineProperties;
+var it = Object.getOwnPropertyDescriptors;
+var j = Object.getOwnPropertySymbols;
+var nt = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable;
+var L = (s, t, e) => t in s ? tt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, R = (s, t) => {
+  for (var e in t || (t = {}))
+    nt.call(t, e) && L(s, e, t[e]);
+  if (j)
+    for (var e of j(t))
+      st.call(t, e) && L(s, e, t[e]);
+  return s;
+}, z = (s, t) => et(s, it(t));
+var I = (s, t, e) => new Promise((n, i) => {
+  var r = (l) => {
+    try {
+      c(e.next(l));
+    } catch (h) {
+      i(h);
+    }
+  }, o = (l) => {
+    try {
+      c(e.throw(l));
+    } catch (h) {
+      i(h);
+    }
+  }, c = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(r, o);
+  c((e = e.apply(s, t)).next());
+});
+import { ComponentPlatform as ot, asDescriptor as rt } from "@telia-ace/widget-core";
+import { resolveComponent as lt } from "@telia-ace/widget-types-grid";
+import { WidgetComponentMixin as ht, NodeConnector as at } from "@telia-ace/widget-ui";
+import { LitElement as ct, css as dt } from "lit";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ut = (s, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? z(R({}, t), { finisher(e) {
+  e.createProperty(t.key, s);
+} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(e) {
+  e.createProperty(t.key, s);
+} };
+function K(s) {
+  return (t, e) => e !== void 0 ? ((n, i, r) => {
+    i.constructor.createProperty(r, n);
+  })(s, t, e) : ut(s, t);
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var P;
+((P = window.HTMLSlotElement) === null || P === void 0 ? void 0 : P.prototype.assignedElements) != null;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var O;
+const C = window, m = C.trustedTypes, D = m ? m.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, _ = `lit$${(Math.random() + "").slice(9)}$`, G = "?" + _, pt = `<${G}>`, g = document, T = (s = "") => g.createComment(s), x = (s) => s === null || typeof s != "object" && typeof s != "function", J = Array.isArray, $t = (s) => J(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, U = /-->/g, B = />/g, v = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), W = /'/g, V = /"/g, Q = /^(?:script|style|textarea|title)$/i, _t = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), vt = _t(1), H = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Z = /* @__PURE__ */ new WeakMap(), A = g.createTreeWalker(g, 129, null, !1), At = (s, t) => {
+  const e = s.length - 1, n = [];
+  let i, r = t === 2 ? "<svg>" : "", o = y;
+  for (let l = 0; l < e; l++) {
+    const h = s[l];
+    let p, a, d = -1, $ = 0;
+    for (; $ < h.length && (o.lastIndex = $, a = o.exec(h), a !== null); )
+      $ = o.lastIndex, o === y ? a[1] === "!--" ? o = U : a[1] !== void 0 ? o = B : a[2] !== void 0 ? (Q.test(a[2]) && (i = RegExp("</" + a[2], "g")), o = v) : a[3] !== void 0 && (o = v) : o === v ? a[0] === ">" ? (o = i != null ? i : y, d = -1) : a[1] === void 0 ? d = -2 : (d = o.lastIndex - a[2].length, p = a[1], o = a[3] === void 0 ? v : a[3] === '"' ? V : W) : o === V || o === W ? o = v : o === U || o === B ? o = y : (o = v, i = void 0);
+    const w = o === v && s[l + 1].startsWith("/>") ? " " : "";
+    r += o === y ? h + pt : d >= 0 ? (n.push(p), h.slice(0, d) + "$lit$" + h.slice(d) + _ + w) : h + _ + (d === -2 ? (n.push(void 0), l) : w);
+  }
+  const c = r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [D !== void 0 ? D.createHTML(c) : c, n];
+};
+class b {
+  constructor({ strings: t, _$litType$: e }, n) {
+    let i;
+    this.parts = [];
+    let r = 0, o = 0;
+    const c = t.length - 1, l = this.parts, [h, p] = At(t, e);
+    if (this.el = b.createElement(h, n), A.currentNode = this.el.content, e === 2) {
+      const a = this.el.content, d = a.firstChild;
+      d.remove(), a.append(...d.childNodes);
+    }
+    for (; (i = A.nextNode()) !== null && l.length < c; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) {
+          const a = [];
+          for (const d of i.getAttributeNames())
+            if (d.endsWith("$lit$") || d.startsWith(_)) {
+              const $ = p[o++];
+              if (a.push(d), $ !== void 0) {
+                const w = i.getAttribute($.toLowerCase() + "$lit$").split(_), N = /([.?@])?(.*)/.exec($);
+                l.push({ type: 1, index: r, name: N[2], strings: w, ctor: N[1] === "." ? gt : N[1] === "?" ? yt : N[1] === "@" ? xt : M });
+              } else
+                l.push({ type: 6, index: r });
+            }
+          for (const d of a)
+            i.removeAttribute(d);
+        }
+        if (Q.test(i.tagName)) {
+          const a = i.textContent.split(_), d = a.length - 1;
+          if (d > 0) {
+            i.textContent = m ? m.emptyScript : "";
+            for (let $ = 0; $ < d; $++)
+              i.append(a[$], T()), A.nextNode(), l.push({ type: 2, index: ++r });
+            i.append(a[d], T());
+          }
+        }
+      } else if (i.nodeType === 8)
+        if (i.data === G)
+          l.push({ type: 2, index: r });
+        else {
+          let a = -1;
+          for (; (a = i.data.indexOf(_, a + 1)) !== -1; )
+            l.push({ type: 7, index: r }), a += _.length - 1;
+        }
+      r++;
+    }
+  }
+  static createElement(t, e) {
+    const n = g.createElement("template");
+    return n.innerHTML = t, n;
+  }
+}
+function f(s, t, e = s, n) {
+  var i, r, o, c;
+  if (t === H)
+    return t;
+  let l = n !== void 0 ? (i = e._$Co) === null || i === void 0 ? void 0 : i[n] : e._$Cl;
+  const h = x(t) ? void 0 : t._$litDirective$;
+  return (l == null ? void 0 : l.constructor) !== h && ((r = l == null ? void 0 : l._$AO) === null || r === void 0 || r.call(l, !1), h === void 0 ? l = void 0 : (l = new h(s), l._$AT(s, e, n)), n !== void 0 ? ((o = (c = e)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[n] = l : e._$Cl = l), l !== void 0 && (t = f(s, l._$AS(s, t.values), l, n)), t;
+}
+class mt {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: n }, parts: i } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : g).importNode(n, !0);
+    A.currentNode = r;
+    let o = A.nextNode(), c = 0, l = 0, h = i[0];
+    for (; h !== void 0; ) {
+      if (c === h.index) {
+        let p;
+        h.type === 2 ? p = new E(o, o.nextSibling, this, t) : h.type === 1 ? p = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && (p = new Ht(o, this, t)), this.u.push(p), h = i[++l];
+      }
+      c !== (h == null ? void 0 : h.index) && (o = A.nextNode(), c++);
+    }
+    return r;
+  }
+  p(t) {
+    let e = 0;
+    for (const n of this.u)
+      n !== void 0 && (n.strings !== void 0 ? (n._$AI(t, n, e), e += n.strings.length - 2) : n._$AI(t[e])), e++;
+  }
+}
+class E {
+  constructor(t, e, n, i) {
+    var r;
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = n, this.options = i, this._$Cm = (r = i == null ? void 0 : i.isConnected) === null || r === void 0 || r;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = f(this, t, e), x(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== H && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $t(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== u && x(this._$AH) ? this._$AA.nextSibling.data = t : this.T(g.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: n, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = b.createElement(i.h, this.options)), i);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
+      this._$AH.p(n);
+    else {
+      const o = new mt(r, this), c = o.v(this.options);
+      o.p(n), this.T(c), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Z.get(t.strings);
+    return e === void 0 && Z.set(t.strings, e = new b(t)), e;
+  }
+  k(t) {
+    J(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let n, i = 0;
+    for (const r of t)
+      i === e.length ? e.push(n = new E(this.O(T()), this.O(T()), this, this.options)) : n = e[i], n._$AI(r), i++;
+    i < e.length && (this._$AR(n && n._$AB.nextSibling, i), e.length = i);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var n;
+    for ((n = this._$AP) === null || n === void 0 || n.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}
+class M {
+  constructor(t, e, n, i, r) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(new String()), this.strings = n) : this._$AH = u;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, n, i) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0)
+      t = f(this, t, e, 0), o = !x(t) || t !== this._$AH && t !== H, o && (this._$AH = t);
+    else {
+      const c = t;
+      let l, h;
+      for (t = r[0], l = 0; l < r.length - 1; l++)
+        h = f(this, c[n + l], e, l), h === H && (h = this._$AH[l]), o || (o = !x(h) || h !== this._$AH[l]), h === u ? t = u : t !== u && (t += (h != null ? h : "") + r[l + 1]), this._$AH[l] = h;
+    }
+    o && !i && this.j(t);
+  }
+  j(t) {
+    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
+  }
+}
+class gt extends M {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === u ? void 0 : t;
+  }
+}
+const ft = m ? m.emptyScript : "";
+class yt extends M {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== u ? this.element.setAttribute(this.name, ft) : this.element.removeAttribute(this.name);
+  }
+}
+class xt extends M {
+  constructor(t, e, n, i, r) {
+    super(t, e, n, i, r), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var n;
+    if ((t = (n = f(this, t, e, 0)) !== null && n !== void 0 ? n : u) === H)
+      return;
+    const i = this._$AH, r = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== u && (i === u || r);
+    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, n;
+    typeof this._$AH == "function" ? this._$AH.call((n = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && n !== void 0 ? n : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Ht {
+  constructor(t, e, n) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = n;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    f(this, t);
+  }
+}
+const q = C.litHtmlPolyfillSupport;
+q == null || q(b, E), ((O = C.litHtmlVersions) !== null && O !== void 0 ? O : C.litHtmlVersions = []).push("2.6.0");
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const X = Symbol.for(""), bt = (s) => {
+  if ((s == null ? void 0 : s.r) === X)
+    return s == null ? void 0 : s._$litStatic$;
+}, wt = (s) => ({ _$litStatic$: s, r: X }), F = /* @__PURE__ */ new Map(), Nt = (s) => (t, ...e) => {
+  const n = e.length;
+  let i, r;
+  const o = [], c = [];
+  let l, h = 0, p = !1;
+  for (; h < n; ) {
+    for (l = t[h]; h < n && (r = e[h], (i = bt(r)) !== void 0); )
+      l += i + t[++h], p = !0;
+    c.push(r), o.push(l), h++;
+  }
+  if (h === n && o.push(t[n]), p) {
+    const a = o.join("$$lit$$");
+    (t = F.get(a)) === void 0 && (o.raw = o, F.set(a, t = o)), e = c;
+  }
+  return s(t, ...e);
+}, k = Nt(vt);
+var Ct = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Y = (s, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Tt(t, e) : t, r = s.length - 1, o; r >= 0; r--)
+    (o = s[r]) && (i = (n ? o(t, e, i) : o(i)) || i);
+  return n && i && Ct(t, e, i), i;
+};
+const Et = (s) => `w-${s}`;
+class S extends ct {
+  constructor() {
+    super(), this._columns = 1, this._children = [];
+  }
+  render() {
+    return this.style.setProperty("--columns", this._columns.toString()), k`
+            ${this._children.map((t) => t.type === "view" ? k` <w-view nodeId=${t.id} /> ` : k`<${wt(Et(t.type || ""))}
+                    nodeId=${t.id}
+                />`)}
+        `;
+  }
+}
+S.styles = [
+  dt`
+            * {
+                box-sizing: border-box;
+                outline: none;
+            }
+
+            :host {
+                background: var(--background);
+                outline: none;
+                box-sizing: border-box;
+
+                display: grid;
+                grid-template-columns: repeat(var(--columns), 1fr);
+                gap: var(--gap, 0);
+                justify-content: center;
+                grid-auto-rows: max-content;
+            }
+        `
+];
+Y([
+  K({ type: Number })
+], S.prototype, "_columns", 2);
+Y([
+  K({ type: Array })
+], S.prototype, "_children", 2);
+class kt extends ht(S) {
+  constructor() {
+    super(), this.connector = new at(this);
+  }
+  connectedCallback() {
+    this.container = this.requestInstance("container"), this.container && ot.getInstance(this.container).then((t) => I(this, null, function* () {
+      if (!this.nodeId) {
+        console.warn("Could not find node id.");
+        return;
+      }
+      const e = t.nodes.get(this.nodeId);
+      if (e) {
+        const n = t.getBranch(e);
+        this._children = e.getChildren(n).map((r) => rt(r));
+        const i = yield this.container.getAsync("componentResolver");
+        this._children.forEach((r) => I(this, null, function* () {
+          yield lt(r.id, i, t);
+        }));
+      }
+    })), super.connectedCallback();
+  }
+}
+export {
+  kt as default
+};
+//# sourceMappingURL=area-wrapper.ffceab4a.js.map

package/dist/area-wrapper.ffceab4a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-wrapper.ffceab4a.js","sources":["../../../node_modules/.pnpm/@lit+reactive-element@1.6.0/node_modules/@lit/reactive-element/decorators/property.js","../../../node_modules/.pnpm/@lit+reactive-element@1.6.0/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/lit-html.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/static.js","../src/area.ts","../src/area-wrapper.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst i=(i,e)=>\"method\"===e.kind&&e.descriptor&&!(\"value\"in e.descriptor)?{...e,finisher(n){n.createProperty(e.key,i)}}:{kind:\"field\",key:Symbol(),placement:\"own\",descriptor:{},originalKey:e.key,initializer(){\"function\"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(n){n.createProperty(e.key,i)}};function e(e){return(n,t)=>void 0!==t?((i,e,n)=>{e.constructor.createProperty(n,i)})(e,n,t):i(e,n)}export{e as property};\n//# sourceMappingURL=property.js.map\n","import{decorateProperty as o}from\"./base.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */var n;const e=null!=(null===(n=window.HTMLSlotElement)||void 0===n?void 0:n.prototype.assignedElements)?(o,n)=>o.assignedElements(n):(o,n)=>o.assignedNodes(n).filter((o=>o.nodeType===Node.ELEMENT_NODE));function l(n){const{slot:l,selector:t}=null!=n?n:{};return o({descriptor:o=>({get(){var o;const r=\"slot\"+(l?`[name=${l}]`:\":not([name])\"),i=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(r),s=null!=i?e(i,n):[];return t?s.filter((o=>o.matches(t))):s},enumerable:!0,configurable:!0})})}export{l as queryAssignedElements};\n//# sourceMappingURL=query-assigned-elements.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nvar t;const i=window,s=i.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+\"\").slice(9)}$`,n=\"?\"+o,l=`<${n}>`,h=document,r=(t=\"\")=>h.createComment(t),d=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,c=t=>u(t)||\"function\"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(\">|[ \\t\\n\\f\\r](?:([^\\\\s\\\"'>=/]+)([ \\t\\n\\f\\r]*=[ \\t\\n\\f\\r]*(?:[^ \\t\\n\\f\\r\\\"'`<>=]|(\\\"|')|))|$)\",\"g\"),m=/'/g,p=/\"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),w=g(2),x=Symbol.for(\"lit-noChange\"),b=Symbol.for(\"lit-nothing\"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?\"<svg>\":\"\",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?\"!--\"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp(\"</\"+u[2],\"g\")),d=_):void 0!==u[3]&&(d=_):d===_?\">\"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'\"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith(\"/>\")?\" \":\"\";r+=d===v?s+l:c>=0?(n.push(e),s.slice(0,c)+\"$lit$\"+s.slice(c)+o+y):s+o+(-2===c?(n.push(void 0),i):y)}const u=r+(t[s]||\"<?>\")+(2===i?\"</svg>\":\"\");if(!Array.isArray(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return[void 0!==e?e.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith(\"$lit$\")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+\"$lit$\").split(o),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:\".\"===i[1]?M:\"?\"===i[1]?k:\"@\"===i[1]?H:S})}else c.push({type:6,index:h})}for(const i of t)l.removeAttribute(i)}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:\"\";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r())}}}else if(8===l.nodeType)if(l.data===n)c.push({type:2,index:h});else{let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)c.push({type:7,index:h}),t+=o.length-1}h++}}static createElement(t,i){const s=h.createElement(\"template\");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return(null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r]}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++)}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d(t)?t===b||null==t||\"\"===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t)}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t}$(t){var i;const{values:s,_$litType$:e}=t,o=\"number\"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else{const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else{const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:\"\")+o[l+1]),this._$AH[l]=h}n&&!e&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:\"\")}}class M extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}}const R=s?s.emptyScript:\"\";class k extends S{constructor(){super(...arguments),this.type=4}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name)}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5}_$AI(t,i=this){var s;if((t=null!==(s=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,s;\"function\"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const L={P:\"$lit$\",A:o,M:n,C:1,L:E,R:V,D:c,V:P,I:N,H:S,N:k,U:H,B:M,F:I},z=i.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push(\"2.6.0\");const Z=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(r(),t),t,void 0,null!=s?s:{})}return l._$AI(t),l};export{L as _$LH,y as html,x as noChange,b as nothing,Z as render,w as svg};\n//# sourceMappingURL=lit-html.js.map\n","import{html as t,svg as r}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=Symbol.for(\"\"),l=t=>{if((null==t?void 0:t.r)===e)return null==t?void 0:t._$litStatic$},o=t=>({_$litStatic$:t,r:e}),i=(t,...r)=>({_$litStatic$:r.reduce(((r,e,l)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\\n            take care to ensure page security.`)})(e)+t[l+1]),t[0]),r:e}),s=new Map,a=t=>(r,...e)=>{const o=e.length;let i,a;const n=[],u=[];let c,$=0,f=!1;for(;$<o;){for(c=r[$];$<o&&void 0!==(a=e[$],i=l(a));)c+=i+r[++$],f=!0;u.push(a),n.push(c),$++}if($===o&&n.push(r[o]),f){const t=n.join(\"$$lit$$\");void 0===(r=s.get(t))&&(n.raw=n,s.set(t,r=n)),e=u}return t(r,...e)},n=a(t),u=a(r);export{n as html,i as literal,u as svg,o as unsafeStatic,a as withStatic};\n//# sourceMappingURL=static.js.map\n","import { css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { html, unsafeStatic } from 'lit/static-html.js';\nimport './view';\n\n// TODO: this is duplicate of what already exists in type-web\nconst componentTagFromType = (type: string) => {\n    const componentTagPrefix = 'w';\n    return `${componentTagPrefix}-${type}`;\n};\n\nexport default class Area extends LitElement {\n    static styles = [\n        css`\n            * {\n                box-sizing: border-box;\n                outline: none;\n            }\n\n            :host {\n                background: var(--background);\n                outline: none;\n                box-sizing: border-box;\n\n                display: grid;\n                grid-template-columns: repeat(var(--columns), 1fr);\n                gap: var(--gap, 0);\n                justify-content: center;\n                grid-auto-rows: max-content;\n            }\n        `,\n    ];\n\n    @property({ type: Number })\n    declare _columns;\n\n    @property({ type: Array })\n    declare _children: any[];\n\n    constructor() {\n        super();\n\n        this._columns = 1;\n        this._children = [];\n    }\n\n    // protected updated(\n    //   _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n    // ): void {\n\n    // }\n\n    render() {\n        this.style.setProperty('--columns', this._columns.toString());\n        return html`\n            ${this._children.map((child) => {\n                if (child.type === 'view') {\n                    return html` <w-view nodeId=${child.id} /> `;\n                }\n                return html`<${unsafeStatic(componentTagFromType(child.type || ''))}\n                    nodeId=${child.id}\n                />`;\n            })}\n        `;\n    }\n}\n","import { asDescriptor, ComponentPlatform } from '@telia-ace/widget-core';\nimport { resolveComponent } from '@telia-ace/widget-types-grid';\nimport { NodeConnector, WidgetComponentMixin } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n// import { WidgetComponent, NodeConnector, resolveComponent } from 'types-web';\nimport Area from './area';\n\nexport default class AreaWrapper extends WidgetComponentMixin(Area) {\n    connector = new NodeConnector(this);\n    container: Container | undefined;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback(): void {\n        this.container = this.requestInstance('container');\n        if (this.container) {\n            ComponentPlatform.getInstance(this.container).then(async (platform) => {\n                if (!this.nodeId) {\n                    console.warn('Could not find node id.');\n                    return;\n                }\n                const node = platform.nodes.get(this.nodeId);\n                if (node) {\n                    const branch = platform.getBranch(node);\n                    this._children = node.getChildren(branch).map((child) => asDescriptor(child));\n                    const resolver = await this.container!.getAsync('componentResolver');\n                    this._children.forEach(async (child) => {\n                        await resolveComponent(child.id, resolver, platform);\n                    });\n                }\n            });\n        }\n        super.connectedCallback();\n    }\n}\n"],"names":["i","e","__spreadProps","__spreadValues","n","t","s","o","l","h","r","d","u","c","v","a","f","_","m","p","$","g","y","x","b","T","E","C","M","k","H","S","P","V","N","I","R","z","componentTagFromType","type","Area","LitElement","html","child","unsafeStatic","css","__decorateClass","property","AreaWrapper","WidgetComponentMixin","NodeConnector","ComponentPlatform","platform","__async","node","branch","asDescriptor","resolver","resolveComponent"],"mappings":"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"}

package/dist/area.d.ts

@@ -1,3 +1,9 @@
-import React from 'react';
-declare const Area: React.FC<any>;
-export default Area;
+import { LitElement } from 'lit';
+import './view';
+export default class Area extends LitElement {
+    static styles: import("lit").CSSResult[];
+    _columns: number;
+    _children: any[];
+    constructor();
+    render(): import("lit").TemplateResult<1 | 2>;
+}

package/dist/index.js

@@ -1,6 +1,7 @@
-import { a as t } from "./index.892b6d04.js";
-import "@telia-ace/widget-ui";
+import { createWebComponent as e } from "@telia-ace/widget-ui";
+const t = (o) => e(o, "area", import("./area-wrapper.ffceab4a.js"), (n) => {
+}), a = t;
 export {
-  t as default
+  a as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../src/area-component.ts"],"sourcesContent":["import { createWebComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\ntype Symbol = {\n    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n    content: string;\n};\n\nexport enum AreaMode {\n    Static = 'static',\n    Drawer = 'drawer',\n    Dropdown = 'dropdown',\n    Modal = 'modal',\n}\n\nexport type AreaComponentProps = {\n    mode: AreaMode;\n    animation?: string;\n    fullScreen?: boolean;\n    columns?: number;\n    scrollable?: boolean;\n    header?: string;\n    trigger?: {\n        symbol?: Symbol;\n        label?: string;\n        size?: number;\n        ariaLabel?: string;\n    };\n};\n\n// export const AreaComponent = (container: Container) => {\n//     return createReactComponent(container, 'area', import('./area'), (component) => {});\n// };\n\n// export default AreaComponent;\n\nconst AreaComponent = (container: Container) => {\n    return createWebComponent(container, 'area', import('./area-wrapper'), (component) => {});\n};\nexport default AreaComponent;\n"],"names":["AreaComponent","container","createWebComponent","component","AreaComponent$1"],"mappings":";AAoCA,MAAMA,IAAgB,CAACC,MACZC,EAAmBD,GAAW,QAAQ,OAAO,+BAAmB,CAACE,MAAc;AAAA,CAAE,GAE5FC,IAAeJ;"}

package/dist/view.d.ts

@@ -0,0 +1,14 @@
+import { Container, EventSubscriptionCancellation } from '@webprovisions/platform';
+import { LitElement } from 'lit';
+declare const View_base: (new (...args: any[]) => import("@telia-ace/widget-ui/dist/mixins/requester").RequesterInterface) & typeof LitElement;
+export declare class View extends View_base {
+    container: Container | undefined;
+    listeners: EventSubscriptionCancellation[];
+    static styles: import("lit").CSSResult[];
+    _children: any[];
+    _setSwitch(name: string): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1 | 2>;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-area",
-  "version": "1.0.26-experimental.2",
+  "version": "1.0.26-experimental.4",
   "description": "Area component for ACE Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,15 +21,16 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/widget-core": "1.0.21-experimental.2",
-    "@telia-ace/widget-types-grid": "1.0.30-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.4",
+    "@telia-ace/widget-types-grid": "1.0.30-experimental.4",
+    "@telia-ace/widget-ui": "1.0.28-experimental.4",
+    "@telia-ace/widget-utilities": "1.0.10-experimental.4",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "lit": "^2.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5"
@@ -37,10 +38,11 @@
   "devDependencies": {
     "@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.4",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "@types/react-transition-group": "^4.4.5",
+    "lit": "^2.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5"

package/dist/area.c168254b.js

@@ -1,186 +0,0 @@
-var Y = Object.defineProperty, Z = Object.defineProperties;
-var _ = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
-var z = (e, t, n) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
-  for (var n in t || (t = {}))
-    B.call(t, n) && z(e, n, t[n]);
-  if (b)
-    for (var n of b(t))
-      R.call(t, n) && z(e, n, t[n]);
-  return e;
-}, c = (e, t) => Z(e, _(t));
-var d = (e, t) => {
-  var n = {};
-  for (var r in e)
-    B.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && b)
-    for (var r of b(e))
-      t.indexOf(r) < 0 && R.call(e, r) && (n[r] = e[r]);
-  return n;
-};
-import { css as k } from "@emotion/react";
-import f from "@emotion/styled";
-import { WidgetRenderState as p } from "@telia-ace/widget-core";
-import { genericComponentStyling as L, Component as N } from "@telia-ace/widget-types-grid";
-import { TransitionComponent as ee, Grid as O, useComponentDescriptor as te, useRenderState as ne, useContext as re, useProperties as ae, useChildren as oe, useContainer as se, useScroll as ie, createEmptyComponent as le, ColumnContext as j, filterCssProps as me, Dropdown as ce, DrawerAnimationType as de, Drawer as ue, Button as pe, filterCssPropsStyle as fe, paddedBorderTabStyle as ge, Text as he, SymbolBadge as ye } from "@telia-ace/widget-ui";
-import { appendClassNames as v, Logger as Ce } from "@telia-ace/widget-utilities";
-import a, { forwardRef as be, useCallback as $e } from "react";
-import { A as u } from "./index.892b6d04.js";
-const Ee = be(
-  (x, i) => {
-    var l = x, { children: e, className: t, renderState: n, animation: r } = l, g = d(l, ["children", "className", "renderState", "animation"]);
-    return n ? /* @__PURE__ */ a.createElement(
-      ee,
-      {
-        mountOnEnter: n !== p.hidden,
-        timeout: 200,
-        in: n === p.open,
-        transitions: r,
-        unmountOnExit: n === p.closed
-      },
-      (m, h) => /* @__PURE__ */ a.createElement(
-        xe,
-        c(s({}, g), {
-          animationCss: h,
-          "data-state": m,
-          ref: i,
-          className: v("humany-animated-area", t)
-        }),
-        e
-      )
-    ) : null;
-  }
-), ve = Ee, xe = f(O)`
-    ${L}
-    ${(e) => !!e.animationCss && e.animationCss}
-  ${(e) => !!e.scrollableCss && e.scrollableCss}
-  text-size-adjust: 100%;
-    input::-ms-clear {
-        display: none;
-    }
-    ${(e) => e.hidden && e["data-state"] === "exited" && k`
-            visibility: collapse;
-            pointer-events: none;
-        `};
-`, Oe = (n) => {
-  var r = n, { className: e } = r, t = d(r, ["className"]);
-  const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, P = l, {
-    columns: $ = 1,
-    animation: y = "none",
-    scrollable: M = !1,
-    mode: C = u.Static,
-    trigger: G = {},
-    fullScreen: q,
-    header: F
-  } = P, H = d(P, [
-    "columns",
-    "animation",
-    "scrollable",
-    "mode",
-    "trigger",
-    "fullScreen",
-    "header"
-  ]), D = G, { size: I = 24, symbol: w, label: S, ariaLabel: J } = D, K = d(D, ["size", "symbol", "label", "ariaLabel"]), [Q, U] = ie(M), V = $e(
-    (o) => {
-      const { events: X } = h.get("$widget");
-      return X.dispatch("widget:area-rendered", {
-        name: g,
-        properties: l,
-        element: o
-      }), U.current = o, o;
-    },
-    [l, i]
-  );
-  if (!m.length)
-    return le(h, c(s({}, t), {
-      className: v(e, "humany-area")
-    }));
-  const A = c(s(c(s({}, t), {
-    className: v(e, "humany-area", `humany-area-${g}`),
-    scrollableCss: Q
-  }), H), {
-    columns: $,
-    gap: W,
-    renderState: i,
-    animation: y,
-    hidden: i === p.hidden,
-    ref: V
-  }), E = (() => y !== "none" ? /* @__PURE__ */ a.createElement(j.Provider, { value: $ }, /* @__PURE__ */ a.createElement(ve, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, { key: o.id, id: o.id, branch: "default" })))) : i === p.closed ? null : /* @__PURE__ */ a.createElement(j.Provider, { value: $ }, /* @__PURE__ */ a.createElement(Te, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, { key: o.id, id: o.id, branch: "default" })))))();
-  if (C === u.Static)
-    return E;
-  const T = /* @__PURE__ */ a.createElement(
-    we,
-    s({
-      className: "humany-area-trigger",
-      title: J
-    }, me(K)),
-    S && /* @__PURE__ */ a.createElement(Se, null, S),
-    w && /* @__PURE__ */ a.createElement(Ae, { symbol: w, size: I })
-  );
-  if (C === u.Dropdown)
-    return /* @__PURE__ */ a.createElement(ce, { trigger: T }, E);
-  if (C === u.Drawer) {
-    const o = Object.values(de).includes(y) && {
-      type: y
-    } || void 0;
-    return /* @__PURE__ */ a.createElement(
-      ue,
-      {
-        header: F,
-        animation: o,
-        fullScreen: q,
-        trigger: T
-      },
-      E
-    );
-  }
-  return C === u.Modal && Ce.warn("modal area not implemented"), null;
-}, we = f(pe)`
-    display: flex;
-    align-items: inherit;
-    align-self: center;
-    width: fit-content;
-    height: fit-content;
-    ${fe}
-
-    ${(e) => e.theme.fonts && `
-    font-family: ${e.theme.fonts.type};
-    font-size: ${e.theme.fonts.normal};
-  `}
-
-  &:focus-visible {
-        ${ge};
-    }
-`, Se = f(he)`
-    margin: 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.small;
-}} 0 0;
-    color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-`, Ae = f(ye)`
-    path {
-        fill: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-    }
-`, Te = f(O)`
-    ${L}
-    ${(e) => !!e.scrollableCss && e.scrollableCss}
-  text-size-adjust: 100%;
-    input::-ms-clear {
-        display: none;
-    }
-    ${(e) => e.hidden && k`
-            visibility: collapse;
-            pointer-events: none;
-        `};
-`;
-export {
-  Oe as default
-};
-//# sourceMappingURL=area.c168254b.js.map

package/dist/area.c168254b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.c168254b.js","sources":["../src/animated-area.tsx","../src/area.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport { Grid, TransitionComponent } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef } from 'react';\nimport { TransitionStatus } from 'react-transition-group/Transition';\n\nconst Area: React.FC<any> = forwardRef(\n    ({ children, className, renderState, animation, ...other }, ref) => {\n        if (!renderState) {\n            return null;\n        }\n\n        return (\n            <TransitionComponent\n                mountOnEnter={renderState !== WidgetRenderState.hidden}\n                timeout={200}\n                in={renderState === WidgetRenderState.open}\n                transitions={animation}\n                unmountOnExit={renderState === WidgetRenderState.closed}\n            >\n                {(state: TransitionStatus, css?: string) => (\n                    <Wrapper\n                        {...other}\n                        animationCss={css}\n                        data-state={state}\n                        ref={ref}\n                        className={appendClassNames('humany-animated-area', className)}\n                    >\n                        {children}\n                    </Wrapper>\n                )}\n            </TransitionComponent>\n        );\n    }\n);\n\nexport default Area;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.animationCss && p.animationCss}\n  ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        p['data-state'] === 'exited' &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { Component, genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport {\n    Button,\n    ColumnContext,\n    createEmptyComponent,\n    Drawer,\n    DrawerAnimationType,\n    Dropdown,\n    filterCssProps,\n    filterCssPropsStyle,\n    Grid,\n    paddedBorderTabStyle,\n    SymbolBadge,\n    Text,\n    useChildren,\n    useComponentDescriptor,\n    useContainer,\n    useContext,\n    useProperties,\n    useRenderState,\n    useScroll,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames, Logger } from '@telia-ace/widget-utilities';\nimport { Widget } from '@webprovisions/platform';\nimport React, { useCallback } from 'react';\nimport AnimatedArea from './animated-area';\nimport { AreaComponentProps, AreaMode } from './area-component';\n\nconst Area: React.FC<any> = ({ className, ...other }) => {\n    const { name } = useComponentDescriptor();\n    const renderState = useRenderState();\n    const context = useContext();\n    const properties = useProperties<AreaComponentProps>();\n    const children = useChildren();\n    const container = useContainer();\n\n    const { gap = '0' } = context;\n    const {\n        columns = 1,\n        animation = 'none',\n        scrollable = false,\n        mode = AreaMode.Static,\n        trigger = {},\n        fullScreen,\n        header,\n        ...areaProperties\n    } = properties;\n\n    const { size = 24, symbol, label, ariaLabel, ...otherTriggerProps } = trigger;\n\n    const [scrollableCss, elem] = useScroll(scrollable);\n\n    const setRef = useCallback(\n        (node: HTMLDivElement) => {\n            const { events } = container.get('$widget') as Widget;\n            events.dispatch('widget:area-rendered', {\n                name,\n                properties,\n                element: node,\n            });\n\n            elem.current = node;\n            return node;\n        },\n        [properties, renderState]\n    );\n\n    if (!children.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-area'),\n        });\n    }\n\n    const props = {\n        ...other,\n        className: appendClassNames(className, 'humany-area', `humany-area-${name}`),\n        scrollableCss,\n        ...areaProperties,\n        columns,\n        gap,\n        renderState,\n        animation,\n        hidden: renderState === WidgetRenderState.hidden,\n        ref: setRef,\n    };\n\n    const content = (() => {\n        if (animation !== 'none') {\n            return (\n                <ColumnContext.Provider value={columns}>\n                    <AnimatedArea {...props}>\n                        {children.map((child) => (\n                            <Component key={child.id} id={child.id} branch=\"default\" />\n                        ))}\n                    </AnimatedArea>\n                </ColumnContext.Provider>\n            );\n        }\n\n        if (renderState === WidgetRenderState.closed) {\n            return null;\n        }\n\n        return (\n            <ColumnContext.Provider value={columns}>\n                <Wrapper {...props}>\n                    {children.map((child) => (\n                        <Component key={child.id} id={child.id} branch=\"default\" />\n                    ))}\n                </Wrapper>\n            </ColumnContext.Provider>\n        );\n    })();\n\n    if (mode === AreaMode.Static) {\n        return content;\n    }\n\n    const triggerButton = (\n        <Trigger\n            className=\"humany-area-trigger\"\n            title={ariaLabel}\n            {...filterCssProps(otherTriggerProps)}\n        >\n            {label && <TriggerLabel>{label}</TriggerLabel>}\n            {symbol && <TriggerSymbolBadge symbol={symbol} size={size} />}\n        </Trigger>\n    );\n\n    if (mode === AreaMode.Dropdown) {\n        return <Dropdown trigger={triggerButton}>{content}</Dropdown>;\n    }\n\n    if (mode === AreaMode.Drawer) {\n        const drawerAnimation =\n            (Object.values(DrawerAnimationType).includes(animation as any) && {\n                type: animation as DrawerAnimationType,\n            }) ||\n            undefined;\n        return (\n            <Drawer\n                header={header}\n                animation={drawerAnimation}\n                fullScreen={fullScreen}\n                trigger={triggerButton}\n            >\n                {content}\n            </Drawer>\n        );\n    }\n\n    if (mode === AreaMode.Modal) {\n        Logger.warn('modal area not implemented');\n        return null;\n    }\n\n    return null;\n};\n\nexport default Area;\n\nconst Trigger = styled(Button)`\n    display: flex;\n    align-items: inherit;\n    align-self: center;\n    width: fit-content;\n    height: fit-content;\n    ${filterCssPropsStyle}\n\n    ${(p) =>\n        p.theme.fonts &&\n        `\n    font-family: ${p.theme.fonts.type};\n    font-size: ${p.theme.fonts.normal};\n  `}\n\n  &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n\nconst TriggerLabel = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    color: ${(p) => p.theme.colors?.text};\n`;\n\nconst TriggerSymbolBadge = styled(SymbolBadge)`\n    path {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n"],"names":["Area","forwardRef","_a","ref","_b","children","className","renderState","animation","other","__objRest","React","TransitionComponent","WidgetRenderState","state","css","Wrapper","__spreadProps","__spreadValues","appendClassNames","AnimatedArea","styled","Grid","genericComponentStyling","p","name","useComponentDescriptor","useRenderState","context","useContext","properties","useProperties","useChildren","container","useContainer","gap","columns","scrollable","mode","AreaMode","trigger","fullScreen","header","areaProperties","size","symbol","label","ariaLabel","otherTriggerProps","scrollableCss","elem","useScroll","setRef","useCallback","node","events","createEmptyComponent","props","content","ColumnContext","child","Component","triggerButton","Trigger","filterCssProps","TriggerLabel","TriggerSymbolBadge","Dropdown","drawerAnimation","DrawerAnimationType","Drawer","Logger","Button","filterCssPropsStyle","paddedBorderTabStyle","Text","SymbolBadge"],"mappings":"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"}

package/dist/index.892b6d04.js

@@ -1,9 +0,0 @@
-import { createReactComponent as t } from "@telia-ace/widget-ui";
-var r = /* @__PURE__ */ ((o) => (o.Static = "static", o.Drawer = "drawer", o.Dropdown = "dropdown", o.Modal = "modal", o))(r || {});
-const n = (o) => t(o, "area", import("./area.c168254b.js"), (a) => {
-}), p = n;
-export {
-  r as A,
-  p as a
-};
-//# sourceMappingURL=index.892b6d04.js.map

package/dist/index.892b6d04.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.892b6d04.js","sources":["../src/area-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\ntype Symbol = {\n    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n    content: string;\n};\n\nexport enum AreaMode {\n    Static = 'static',\n    Drawer = 'drawer',\n    Dropdown = 'dropdown',\n    Modal = 'modal',\n}\n\nexport type AreaComponentProps = {\n    mode: AreaMode;\n    animation?: string;\n    fullScreen?: boolean;\n    columns?: number;\n    scrollable?: boolean;\n    header?: string;\n    trigger?: {\n        symbol?: Symbol;\n        label?: string;\n        size?: number;\n        ariaLabel?: string;\n    };\n};\n\nexport const AreaComponent = (container: Container) => {\n    return createReactComponent(container, 'area', import('./area'), (component) => {});\n};\n\nexport default AreaComponent;\n"],"names":["AreaMode","AreaComponent","container","createReactComponent","component","AreaComponent$1"],"mappings":";AAQY,IAAAA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAsBC,MAAAC,IAAgB,CAACC,MACnBC,EAAqBD,GAAW,QAAQ,OAAO,uBAAW,CAACE,MAAc;AAAA,CAAE,GAGtFC,IAAeJ;"}