@telia-ace/widget-components-widget-header-flamingo 1.1.2 → 1.1.3

package/{src/index.ts → index.d.ts}

@@ -1,5 +1,2 @@
 import WidgetHeaderComponent from './widget-header-component';
-
-console.log('3'); // TODO: remove
-
 export default WidgetHeaderComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index-76cdc3ae.js");module.exports=e.WidgetHeaderComponent;

package/index.mjs

@@ -0,0 +1,4 @@
+import { W as f } from "./index-0bcf9ac3.mjs";
+export {
+  f as default
+};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "dependencies": {
-    "@telia-ace/widget-runtime-flamingo": "1.1.2",
+    "@telia-ace/widget-runtime-flamingo": "1.1.3",
     "@webprovisions/platform": "^1.1.3",
     "lit": "^2.8.0",
     "@teliads/icons": "^8.4.0"

package/widget-header-component.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+export declare const WidgetHeaderComponent: (container: Container) => Promise<void>;
+export default WidgetHeaderComponent;

package/widget-header-d4b70c0d.js

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-76cdc3ae.js"),y=require("./ai-robot-0e89be0b.js");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const g=o=>t=>typeof t=="function"?((i,e)=>(customElements.define(i,e),e))(o,t):((i,e)=>{const{kind:s,elements:n}=e;return{kind:s,elements:n,finisher(r){customElements.define(i,r)}}})(o,t);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const _=({finisher:o,descriptor:t})=>(i,e)=>{var s;if(e===void 0){const n=(s=i.originalKey)!==null&&s!==void 0?s:i.key,r=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(i.key)}:{...i,key:n};return o!=null&&(r.finisher=function(h){o(h,n)}),r}{const n=i.constructor;t!==void 0&&Object.defineProperty(i,e,t(e)),o==null||o(n,e)}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let v=class extends Event{constructor(t,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=i,this.subscribe=e!=null&&e}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ *//**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let m=class{constructor(t,i,e,s){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(r,h)=>{this.unsubscribe&&(this.unsubscribe!==h&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=r,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(r,h)),this.unsubscribe=h},this.host=t,i.context!==void 0){const r=i;this.context=r.context,this.callback=r.callback,this.subscribe=(n=r.subscribe)!==null&&n!==void 0&&n}else this.context=i,this.callback=e,this.subscribe=s!=null&&s;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new v(this.context,this.t,this.subscribe))}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class C{constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[i,{disposer:e}]of this.subscriptions)i(this.o,e)},t!==void 0&&(this.value=t)}get value(){return this.o}set value(t){this.setValue(t)}setValue(t,i=!1){const e=i||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}addCallback(t,i,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:i});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class P extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class l extends C{constructor(t,i,e){super(i.context!==void 0?i.initialValue:e),this.onContextRequest=s=>{const n=s.composedPath()[0];s.context===this.context&&n!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,n,s.subscribe))},this.onProviderRequest=s=>{const n=s.composedPath()[0];if(s.context!==this.context||n===this.host)return;const r=new Set;for(const[h,{consumerHost:u}]of this.subscriptions)r.has(h)||(r.add(h),u.dispatchEvent(new v(this.context,h,!0)));s.stopPropagation()},this.host=t,i.context!==void 0?this.context=i.context:this.context=i,this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new P(this.context))}}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function w({context:o,subscribe:t}){return _({finisher:(i,e)=>{i.addInitializer(s=>{new m(s,{context:o,callback:n=>{s[e]=n},subscribe:t})})}})}const L="children",O="descriptor",E="container",k="context",R="layout",q="properties";class ${constructor(t){(this.host=t).addController(this)}hostConnected(){}hostDisconnected(){}setDescriptor(t){this._descriptor=t}setContainer(t){this._container=t}async dispatch(t,i){if(!this._container||!this._descriptor)return;const e=await c.pt.getInstance(this._container),s=new c.P(e).withId(this._descriptor.id);await e.actions(s,this._descriptor.type||c.ht()).dispatch(t,i)}}const D=o=>{const t={};return Object.keys(o).forEach(i=>{i.indexOf("css-")>-1&&(t[i]=o[i])}),t},W=(o,t)=>{const i=D(t);Object.entries(i).forEach(([e,s])=>{o.style.setProperty(e.replace("css-",""),s)})};var j=Object.defineProperty,H=Object.getOwnPropertyDescriptor,d=(o,t,i,e)=>{for(var s=e>1?void 0:e?H(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&j(t,i,s),s};const V=o=>{class t extends o{constructor(){super(...arguments),this.entry="",this._descriptorProvider=new l(this,O,void 0),this._childrenProvider=new l(this,L,[]),this._propertiesProvider=new l(this,q,{}),this._contextProvider=new l(this,k,{}),this._layoutProvider=new l(this,R,{}),this.actions=new $(this),this.context={},this.layout={},this.properties={}}connectedCallback(){super.connectedCallback(),this.container&&(this.actions.setContainer(this.container),c.pt.getInstance(this.container).then(async e=>{var n,r;const s=e.nodes.get(this.entry);if(s){this._propertyChangeListener=e.events.subscribe("components:properties-changed",(p,a)=>{s.id===a.node.id&&this._setProperties(a.node.attributes.properties)}),this._contextChangeListener=e.events.subscribe("components:context-changed",(p,a)=>{s.id===a.node.id&&this._setContext(a.node.attributes.context)}),this._layoutChangeListener=e.events.subscribe("components:layout-changed",(p,a)=>{s.id===a.node.id&&this._setLayout(a.node.attributes.layout)});const h="default";this._unmountNode=s.mount(this.container),this._setDescriptor(c.Et(s,h)),this._setProperties(s.attributes.properties),this._setContext(s.attributes.context),this._setLayout(this.layout);const u=s.getChildren(h).map(p=>c.Et(p));this._childrenProvider.setValue(u);const f=await this.container.getAsync("componentResolver");if(((n=this.descriptor)==null?void 0:n.type)==="area")return;const b=f.getComponent(((r=this.descriptor)==null?void 0:r.type)||"");b.then&&b.then(p=>{this.component=p.default})}}))}disconnectedCallback(){super.disconnectedCallback(),this._propertyChangeListener&&this._propertyChangeListener(),this._contextChangeListener&&this._contextChangeListener(),this._layoutChangeListener&&this._layoutChangeListener(),this._unmountNode&&this._unmountNode()}updated(){this.container&&this.actions.setContainer(this.container),c.mapBranding(this.context,this.renderRoot.host),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),W(this.renderRoot.host,this.properties)}_setProperties(e){this._propertiesProvider.setValue(e),this.properties=e}_setContext(e){this._contextProvider.setValue(e),this.context=e}_setLayout(e){this._layoutProvider.setValue(e),this.layout=e}_setDescriptor(e){this.descriptor=e,this._descriptorProvider.setValue(e),this.actions.setDescriptor(e)}}return t.styles=[o.styles??[],c.i`
+        :host {
+          font-family: var(--font-family);
+          grid-column: span var(--width);
+          max-width: 100%;
+          overflow: hidden;
+          box-sizing: border-box;
+          display: block;
+        }
+        * {
+          box-sizing: border-box;
+        }
+      `],d([w({context:E}),c.n({attribute:!1})],t.prototype,"container",2),d([c.n()],t.prototype,"entry",2),d([c.t()],t.prototype,"descriptor",2),d([c.t()],t.prototype,"component",2),d([c.t()],t.prototype,"context",2),d([c.t()],t.prototype,"layout",2),d([c.t()],t.prototype,"properties",2),t};var z=Object.defineProperty,I=Object.getOwnPropertyDescriptor,N=(o,t,i,e)=>{for(var s=e>1?void 0:e?I(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&z(t,i,s),s};const x=V(c.s);exports.WidgetHeaderComponent=class extends x{render(){return c.x` <div class="widget-header">
+      <telia-icon svg=${y.aiRobot.svg} size="lg"></telia-icon>
+      <div>
+        <h1>${this.properties.header}</h1>
+
+        ${this.properties.tagline?c.x`<p>${this.properties.tagline}</p>`:c.A}
+      </div>
+    </div>`}};exports.WidgetHeaderComponent.styles=[x.styles||[],c.i`
+      .widget-header {
+        background-color: transparent;
+        color: #fff;
+        height: 85px;
+        display: flex;
+        gap: var(--spacing-md);
+        flex-direction: row;
+        align-items: center;
+        border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
+        padding: 0 var(--spacing-md);
+      }
+
+      h1 {
+        font-size: 1.2rem;
+      }
+
+      h1,
+      p {
+        margin: 0;
+        padding: 0;
+      }
+    `];exports.WidgetHeaderComponent=N([g("ace-widget-header")],exports.WidgetHeaderComponent);const S=exports.WidgetHeaderComponent;exports.default=S;

package/widget-header-e556e370.mjs

@@ -0,0 +1,353 @@
+import { p as _, P as w, h as L, i as g, n as x, t as p, E as f, m as $, x as y, A as O, s as E } from "./index-0bcf9ac3.mjs";
+import { a as k } from "./ai-robot-dbe1c82f.mjs";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const R = (n) => (t) => typeof t == "function" ? ((i, e) => (customElements.define(i, e), e))(n, t) : ((i, e) => {
+  const { kind: s, elements: o } = e;
+  return { kind: s, elements: o, finisher(r) {
+    customElements.define(i, r);
+  } };
+})(n, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const q = ({ finisher: n, descriptor: t }) => (i, e) => {
+  var s;
+  if (e === void 0) {
+    const o = (s = i.originalKey) !== null && s !== void 0 ? s : i.key, r = t != null ? { kind: "method", placement: "prototype", key: o, descriptor: t(i.key) } : { ...i, key: o };
+    return n != null && (r.finisher = function(c) {
+      n(c, o);
+    }), r;
+  }
+  {
+    const o = i.constructor;
+    t !== void 0 && Object.defineProperty(i, e, t(e)), n == null || n(o, e);
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let m = class extends Event {
+  constructor(t, i, e) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = i, this.subscribe = e != null && e;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let D = class {
+  constructor(t, i, e, s) {
+    var o;
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, c) => {
+      this.unsubscribe && (this.unsubscribe !== c && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = r, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(r, c)), this.unsubscribe = c;
+    }, this.host = t, i.context !== void 0) {
+      const r = i;
+      this.context = r.context, this.callback = r.callback, this.subscribe = (o = r.subscribe) !== null && o !== void 0 && o;
+    } else
+      this.context = i, this.callback = e, this.subscribe = s != null && s;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new m(this.context, this.t, this.subscribe));
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class j {
+  constructor(t) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [i, { disposer: e }] of this.subscriptions)
+        i(this.o, e);
+    }, t !== void 0 && (this.value = t);
+  }
+  get value() {
+    return this.o;
+  }
+  set value(t) {
+    this.setValue(t);
+  }
+  setValue(t, i = !1) {
+    const e = i || !Object.is(t, this.o);
+    this.o = t, e && this.updateObservers();
+  }
+  addCallback(t, i, e) {
+    if (!e)
+      return void t(this.value);
+    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
+      this.subscriptions.delete(t);
+    }, consumerHost: i });
+    const { disposer: s } = this.subscriptions.get(t);
+    t(this.value, s);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class V extends Event {
+  constructor(t) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
+  }
+}
+class l extends j {
+  constructor(t, i, e) {
+    super(i.context !== void 0 ? i.initialValue : e), this.onContextRequest = (s) => {
+      const o = s.composedPath()[0];
+      s.context === this.context && o !== this.host && (s.stopPropagation(), this.addCallback(s.callback, o, s.subscribe));
+    }, this.onProviderRequest = (s) => {
+      const o = s.composedPath()[0];
+      if (s.context !== this.context || o === this.host)
+        return;
+      const r = /* @__PURE__ */ new Set();
+      for (const [c, { consumerHost: b }] of this.subscriptions)
+        r.has(c) || (r.add(c), b.dispatchEvent(new m(this.context, c, !0)));
+      s.stopPropagation();
+    }, this.host = t, i.context !== void 0 ? this.context = i.context : this.context = i, this.attachListeners(), this.host.addController(this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new V(this.context));
+  }
+}
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function z({ context: n, subscribe: t }) {
+  return q({ finisher: (i, e) => {
+    i.addInitializer((s) => {
+      new D(s, { context: n, callback: (o) => {
+        s[e] = o;
+      }, subscribe: t });
+    });
+  } });
+}
+const W = "children", H = "descriptor", I = "container", N = "context", A = "layout", S = "properties";
+class B {
+  constructor(t) {
+    (this.host = t).addController(this);
+  }
+  hostConnected() {
+  }
+  hostDisconnected() {
+  }
+  setDescriptor(t) {
+    this._descriptor = t;
+  }
+  setContainer(t) {
+    this._container = t;
+  }
+  async dispatch(t, i) {
+    if (!this._container || !this._descriptor)
+      return;
+    const e = await _.getInstance(
+      this._container
+    ), s = new w(e).withId(
+      this._descriptor.id
+    );
+    await e.actions(
+      s,
+      this._descriptor.type || L()
+    ).dispatch(t, i);
+  }
+}
+const F = (n) => {
+  const t = {};
+  return Object.keys(n).forEach((i) => {
+    i.indexOf("css-") > -1 && (t[i] = n[i]);
+  }), t;
+}, K = (n, t) => {
+  const i = F(t);
+  Object.entries(i).forEach(([e, s]) => {
+    n.style.setProperty(e.replace("css-", ""), s);
+  });
+};
+var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, a = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? U(t, i) : t, o = n.length - 1, r; o >= 0; o--)
+    (r = n[o]) && (s = (e ? r(t, i, s) : r(s)) || s);
+  return e && s && M(t, i, s), s;
+};
+const G = (n) => {
+  class t extends n {
+    constructor() {
+      super(...arguments), this.entry = "", this._descriptorProvider = new l(
+        this,
+        H,
+        void 0
+      ), this._childrenProvider = new l(this, W, []), this._propertiesProvider = new l(this, S, {}), this._contextProvider = new l(this, N, {}), this._layoutProvider = new l(this, A, {}), this.actions = new B(this), this.context = {}, this.layout = {}, this.properties = {};
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.container && (this.actions.setContainer(this.container), _.getInstance(this.container).then(
+        async (e) => {
+          var o, r;
+          const s = e.nodes.get(this.entry);
+          if (s) {
+            this._propertyChangeListener = e.events.subscribe(
+              "components:properties-changed",
+              (d, h) => {
+                s.id === h.node.id && this._setProperties(h.node.attributes.properties);
+              }
+            ), this._contextChangeListener = e.events.subscribe(
+              "components:context-changed",
+              (d, h) => {
+                s.id === h.node.id && this._setContext(h.node.attributes.context);
+              }
+            ), this._layoutChangeListener = e.events.subscribe(
+              "components:layout-changed",
+              (d, h) => {
+                s.id === h.node.id && this._setLayout(h.node.attributes.layout);
+              }
+            );
+            const c = "default";
+            this._unmountNode = s.mount(this.container), this._setDescriptor(f(s, c)), this._setProperties(s.attributes.properties), this._setContext(s.attributes.context), this._setLayout(this.layout);
+            const b = s.getChildren(c).map((d) => f(d));
+            this._childrenProvider.setValue(b);
+            const P = await this.container.getAsync("componentResolver");
+            if (((o = this.descriptor) == null ? void 0 : o.type) === "area")
+              return;
+            const v = P.getComponent(
+              ((r = this.descriptor) == null ? void 0 : r.type) || ""
+            );
+            v.then && v.then((d) => {
+              this.component = d.default;
+            });
+          }
+        }
+      ));
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._contextChangeListener && this._contextChangeListener(), this._layoutChangeListener && this._layoutChangeListener(), this._unmountNode && this._unmountNode();
+    }
+    updated() {
+      this.container && this.actions.setContainer(this.container), $(this.context, this.renderRoot.host), this.renderRoot.host.style.setProperty(
+        "--width",
+        this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
+      ), K(this.renderRoot.host, this.properties);
+    }
+    _setProperties(e) {
+      this._propertiesProvider.setValue(e), this.properties = e;
+    }
+    _setContext(e) {
+      this._contextProvider.setValue(e), this.context = e;
+    }
+    _setLayout(e) {
+      this._layoutProvider.setValue(e), this.layout = e;
+    }
+    _setDescriptor(e) {
+      this.descriptor = e, this._descriptorProvider.setValue(e), this.actions.setDescriptor(e);
+    }
+  }
+  return t.styles = [
+    n.styles ?? [],
+    g`
+        :host {
+          font-family: var(--font-family);
+          grid-column: span var(--width);
+          max-width: 100%;
+          overflow: hidden;
+          box-sizing: border-box;
+          display: block;
+        }
+        * {
+          box-sizing: border-box;
+        }
+      `
+  ], a([
+    z({ context: I }),
+    x({ attribute: !1 })
+  ], t.prototype, "container", 2), a([
+    x()
+  ], t.prototype, "entry", 2), a([
+    p()
+  ], t.prototype, "descriptor", 2), a([
+    p()
+  ], t.prototype, "component", 2), a([
+    p()
+  ], t.prototype, "context", 2), a([
+    p()
+  ], t.prototype, "layout", 2), a([
+    p()
+  ], t.prototype, "properties", 2), t;
+};
+var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, T = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? Q(t, i) : t, o = n.length - 1, r; o >= 0; o--)
+    (r = n[o]) && (s = (e ? r(t, i, s) : r(s)) || s);
+  return e && s && J(t, i, s), s;
+};
+const C = G(E);
+let u = class extends C {
+  render() {
+    return y` <div class="widget-header">
+      <telia-icon svg=${k.svg} size="lg"></telia-icon>
+      <div>
+        <h1>${this.properties.header}</h1>
+
+        ${this.properties.tagline ? y`<p>${this.properties.tagline}</p>` : O}
+      </div>
+    </div>`;
+  }
+};
+u.styles = [
+  C.styles || [],
+  g`
+      .widget-header {
+        background-color: transparent;
+        color: #fff;
+        height: 85px;
+        display: flex;
+        gap: var(--spacing-md);
+        flex-direction: row;
+        align-items: center;
+        border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
+        padding: 0 var(--spacing-md);
+      }
+
+      h1 {
+        font-size: 1.2rem;
+      }
+
+      h1,
+      p {
+        margin: 0;
+        padding: 0;
+      }
+    `
+];
+u = T([
+  R("ace-widget-header")
+], u);
+const et = u;
+export {
+  u as WidgetHeaderComponent,
+  et as default
+};

package/widget-header.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+declare const WidgetElement: (new (...args: any[]) => import("libs/runtime/src/mixins/widget-component.mixin").WidgetComponentInterface) & typeof LitElement;
+export declare class WidgetHeaderComponent extends WidgetElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
+}
+export default WidgetHeaderComponent;

package/.eslintrc.json

@@ -1,30 +0,0 @@
-{
-  "extends": ["../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.json"],
-      "parser": "jsonc-eslint-parser",
-      "rules": {
-        "@nx/dependency-checks": [
-          "error",
-          {
-            "ignoredFiles": ["{projectRoot}/vite.config.{js,ts,mjs,mts}"]
-          }
-        ]
-      }
-    }
-  ]
-}

package/README.md

@@ -1,11 +0,0 @@
-# widget-components-widget-header-flamingo
-
-This library was generated with [Nx](https://nx.dev).
-
-## Building
-
-Run `nx build widget-components-widget-header-flamingo` to build the library.
-
-## Running unit tests
-
-Run `nx test widget-components-widget-header-flamingo` to execute the unit tests via [Jest](https://jestjs.io).

package/project.json

@@ -1,48 +0,0 @@
-{
-  "name": "components-widget-header",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/components-widget-header/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/vite:build",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "outputPath": "dist/libs/components-widget-header"
-      }
-    },
-    "publish": {
-      "executor": "nx:run-commands",
-      "options": {
-        "command": "npm publish",
-        "cwd": "dist/libs/components-widget-header"
-      }
-    },
-    "prerelease": {
-      "executor": "nx:run-commands",
-      "options": {
-        "command": "npm publish --tag=rc",
-        "cwd": "dist/libs/components-widget-header"
-      }
-    },
-    "test": {
-      "executor": "@nx/vite:test",
-      "outputs": ["{options.reportsDirectory}"],
-      "options": {
-        "passWithNoTests": true,
-        "reportsDirectory": "../../coverage/libs/components-widget-header"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": [
-          "libs/components-widget-header/**/*.ts",
-          "libs/components-widget-header/package.json"
-        ]
-      }
-    }
-  },
-  "tags": []
-}

package/src/widget-header-component.ts

@@ -1,15 +0,0 @@
-import { createWebComponent } from '@telia-ace/widget-runtime-flamingo';
-import { Container } from '@webprovisions/platform';
-
-export const WidgetHeaderComponent = (container: Container) => {
-  return createWebComponent(
-    container,
-    'widget-header',
-    import('./widget-header'),
-    (_component) => {
-      //
-    }
-  );
-};
-
-export default WidgetHeaderComponent;

package/src/widget-header.ts

@@ -1,51 +0,0 @@
-import { LitElement, css, html, nothing } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { WidgetComponent } from '@telia-ace/widget-runtime-flamingo';
-import { aiRobot } from '@teliads/icons';
-
-const WidgetElement = WidgetComponent(LitElement);
-
-@customElement('ace-widget-header')
-export class WidgetHeaderComponent extends WidgetElement {
-  static override styles = [
-    WidgetElement.styles || [],
-    css`
-      .widget-header {
-        background-color: transparent;
-        color: #fff;
-        height: 85px;
-        display: flex;
-        gap: var(--spacing-md);
-        flex-direction: row;
-        align-items: center;
-        border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
-        padding: 0 var(--spacing-md);
-      }
-
-      h1 {
-        font-size: 1.2rem;
-      }
-
-      h1,
-      p {
-        margin: 0;
-        padding: 0;
-      }
-    `,
-  ];
-
-  override render() {
-    return html` <div class="widget-header">
-      <telia-icon svg=${aiRobot.svg} size="lg"></telia-icon>
-      <div>
-        <h1>${this.properties.header}</h1>
-
-        ${this.properties.tagline
-          ? html`<p>${this.properties.tagline}</p>`
-          : nothing}
-      </div>
-    </div>`;
-  }
-}
-
-export default WidgetHeaderComponent;

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "module": "commonjs",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": false,
-    "noImplicitReturns": false,
-    "noFallthroughCasesInSwitch": true,
-    "types": ["vitest"]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "types": ["node", "vite/client"]
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
-}