@telia-ace/widget-components-widget-header-flamingo 1.0.14 → 1.0.45

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

@@ -1,3 +1,2 @@
 import WidgetHeaderComponent from './widget-header-component';
 export default WidgetHeaderComponent;
-//# sourceMappingURL=index.d.ts.map

package/index.js

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

package/index.mjs

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

package/package.json

@@ -1,45 +1,12 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.0.14",
-  "description": "Type definition for Grid widget.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": true,
+  "version": "1.0.45",
   "dependencies": {
-    "@lit-labs/context": "^0.4.0",
-    "@teliads/components": "^22.1.1",
-    "@teliads/icons": "^8.4.0",
+    "@telia-ace/widget-runtime-flamingo": "^1.0.45",
     "@webprovisions/platform": "^1.1.3",
-    "lit": "^2.8.0",
-    "lit-html": "^2.8.0",
-    "sass": "^1.66.1",
-    "@telia-ace/widget-core-flamingo": "1.0.14",
-    "@telia-ace/widget-runtime-flamingo": "1.0.16"
-  },
-  "devDependencies": {
-    "@types/node": "^20.5.4",
-    "rimraf": "^5.0.1",
-    "tslib": "^2.6.0",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.9"
+    "lit": "^2.8.0"
   },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
-  }
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "typings": "./index.d.ts"
 }

package/widget-header-6b3ce33d.mjs

@@ -0,0 +1,347 @@
+import { p as _, P, h as w, i as m, n as x, t as p, E as f, m as L, x as y, A as O, s as $ } from "./index-0ac5d882.mjs";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const E = (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 k = ({ 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 g = 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 R = 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 g(this.context, this.t, this.subscribe));
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class q {
+  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 D extends Event {
+  constructor(t) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
+  }
+}
+class l extends q {
+  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 g(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 D(this.context));
+  }
+}
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function j({ context: n, subscribe: t }) {
+  return k({ finisher: (i, e) => {
+    i.addInitializer((s) => {
+      new R(s, { context: n, callback: (o) => {
+        s[e] = o;
+      }, subscribe: t });
+    });
+  } });
+}
+const V = "children", z = "descriptor", W = "container", H = "context", I = "layout", N = "properties";
+class A {
+  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 P(e).withId(
+      this._descriptor.id
+    );
+    await e.actions(
+      s,
+      this._descriptor.type || w()
+    ).dispatch(t, i);
+  }
+}
+const S = (n) => {
+  const t = {};
+  return Object.keys(n).forEach((i) => {
+    i.indexOf("css-") > -1 && (t[i] = n[i]);
+  }), t;
+}, B = (n, t) => {
+  const i = S(t);
+  Object.entries(i).forEach(([e, s]) => {
+    n.style.setProperty(e.replace("css-", ""), s);
+  });
+};
+var F = Object.defineProperty, K = Object.getOwnPropertyDescriptor, a = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? K(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 && F(t, i, s), s;
+};
+const M = (n) => {
+  class t extends n {
+    constructor() {
+      super(...arguments), this.entry = "", this._descriptorProvider = new l(
+        this,
+        z,
+        void 0
+      ), this._childrenProvider = new l(this, V, []), this._propertiesProvider = new l(this, N, {}), this._contextProvider = new l(this, H, {}), this._layoutProvider = new l(this, I, {}), this.actions = new A(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;
+          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 r = "default";
+            this._unmountNode = s.mount(this.container), this._setDescriptor(f(s, r)), this._setProperties(s.attributes.properties), this._setContext(s.attributes.context), this._setLayout(this.layout);
+            const c = s.getChildren(r).map((d) => f(d));
+            this._childrenProvider.setValue(c);
+            const v = (await this.container.getAsync("componentResolver")).getComponent(
+              ((o = this.descriptor) == null ? void 0 : o.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), L(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))`
+      ), B(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 ?? [],
+    m`
+        :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([
+    j({ context: W }),
+    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 U = Object.defineProperty, G = Object.getOwnPropertyDescriptor, J = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? G(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 && U(t, i, s), s;
+};
+const C = M($);
+let u = class extends C {
+  render() {
+    return y` <div class="widget-header">
+      <div>
+        <h1>${this.properties.header}</h1>
+
+        ${this.properties.tagline ? y`<p>${this.properties.tagline}</p>` : O}
+      </div>
+    </div>`;
+  }
+};
+u.styles = [
+  C.styles || [],
+  m`
+      .widget-header {
+        background-color: var(--primary-color);
+        color: #fff;
+        height: 85px;
+        display: flex;
+        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 = J([
+  E("ace-widget-header")
+], u);
+const Y = u;
+export {
+  u as WidgetHeaderComponent,
+  Y as default
+};

package/widget-header-816ab6a0.js

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-18d19996.js");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const f=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 y=({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 _=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 g{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 m extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class l extends g{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 m(this.context))}}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function C({context:o,subscribe:t}){return y({finisher:(i,e)=>{i.addInitializer(s=>{new _(s,{context:o,callback:n=>{s[e]=n},subscribe:t})})}})}const P="children",w="descriptor",L="container",O="context",E="layout",k="properties";class q{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 R=o=>{const t={};return Object.keys(o).forEach(i=>{i.indexOf("css-")>-1&&(t[i]=o[i])}),t},D=(o,t)=>{const i=R(t);Object.entries(i).forEach(([e,s])=>{o.style.setProperty(e.replace("css-",""),s)})};var W=Object.defineProperty,$=Object.getOwnPropertyDescriptor,d=(o,t,i,e)=>{for(var s=e>1?void 0:e?$(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&&W(t,i,s),s};const j=o=>{class t extends o{constructor(){super(...arguments),this.entry="",this._descriptorProvider=new l(this,w,void 0),this._childrenProvider=new l(this,P,[]),this._propertiesProvider=new l(this,k,{}),this._contextProvider=new l(this,O,{}),this._layoutProvider=new l(this,E,{}),this.actions=new q(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;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 r="default";this._unmountNode=s.mount(this.container),this._setDescriptor(c.Et(s,r)),this._setProperties(s.attributes.properties),this._setContext(s.attributes.context),this._setLayout(this.layout);const h=s.getChildren(r).map(p=>c.Et(p));this._childrenProvider.setValue(h);const b=(await this.container.getAsync("componentResolver")).getComponent(((n=this.descriptor)==null?void 0:n.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))`),D(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([C({context:L}),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 H=Object.defineProperty,V=Object.getOwnPropertyDescriptor,z=(o,t,i,e)=>{for(var s=e>1?void 0:e?V(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&&H(t,i,s),s};const x=j(c.s);exports.WidgetHeaderComponent=class extends x{render(){return c.x` <div class="widget-header">
+      <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: var(--primary-color);
+        color: #fff;
+        height: 85px;
+        display: flex;
+        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=z([f("ace-widget-header")],exports.WidgetHeaderComponent);const I=exports.WidgetHeaderComponent;exports.default=I;

package/{dist/widget-header-component.d.ts → widget-header-component.d.ts}

@@ -1,4 +1,3 @@
 import { Container } from '@webprovisions/platform';
 export declare const WidgetHeaderComponent: (container: Container) => Promise<void>;
 export default WidgetHeaderComponent;
-//# sourceMappingURL=widget-header-component.d.ts.map

package/{dist/widget-header.d.ts → widget-header.d.ts}

@@ -1,8 +1,7 @@
 import { LitElement } from 'lit';
-declare const WidgetElement: (new (...args: any[]) => import("@telia-ace/widget-runtime-flamingo/dist/mixins/widget-component.mixin").WidgetComponentInterface) & typeof LitElement;
+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;
-//# sourceMappingURL=widget-header.d.ts.map