@telia-ace/widget-components-widget-header-flamingo 1.1.12 → 1.1.13

package/widget-header-17645d22.js

@@ -1,74 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-6c3c27db.js"),y=require("./ai-robot-0e89be0b.js");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const f=o=>(t,i)=>{i!==void 0?i.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let x=class extends Event{constructor(t,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=i,this.subscribe=e??!1}};/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- *//**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let v=class{constructor(t,i,e,s){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(n,c)=>{this.unsubscribe&&(this.unsubscribe!==c&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=n,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(n,c)),this.unsubscribe=c},this.host=t,i.context!==void 0){const n=i;this.context=n.context,this.callback=n.callback,this.subscribe=n.subscribe??!1}else this.context=i,this.callback=e,this.subscribe=s??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new x(this.context,this.t,this.subscribe))}};/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class C{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()}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)}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 u 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 c=new Set;for(const[d,{consumerHost:l}]of this.subscriptions)c.has(d)||(c.add(d),l.dispatchEvent(new x(this.context,d,!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 P({context:o,subscribe:t}){return(i,e)=>{typeof e=="object"?e.addInitializer(function(){new v(this,{context:o,callback:s=>{this[e.name]=s},subscribe:t})}):i.constructor.addInitializer(s=>{new v(s,{context:o,callback:n=>{s[e]=n},subscribe:t})})}}const w="children",L="descriptor",O="container",E="context",q="layout",R="properties";class D{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 r.pt.getInstance(this._container),s=new r.P(e).withId(this._descriptor.id);await e.actions(s,this._descriptor.type||r.ht()).dispatch(t,i)}}const W=o=>{const t={};return Object.keys(o).forEach(i=>{i.indexOf("css-")>-1&&(t[i]=o[i])}),t},$=(o,t)=>{const i=W(t);Object.entries(i).forEach(([e,s])=>{o.style.setProperty(e.replace("css-",""),s)})};var j=Object.defineProperty,z=Object.getOwnPropertyDescriptor,a=(o,t,i,e)=>{for(var s=e>1?void 0:e?z(t,i):t,n=o.length-1,c;n>=0;n--)(c=o[n])&&(s=(e?c(t,i,s):c(s))||s);return e&&s&&j(t,i,s),s};const H=o=>{class t extends o{constructor(){super(...arguments),this.entry="",this._descriptorProvider=new u(this,L,void 0),this._childrenProvider=new u(this,w,[]),this._propertiesProvider=new u(this,R,{}),this._contextProvider=new u(this,E,{}),this._layoutProvider=new u(this,q,{}),this.actions=new D(this),this.context={},this.layout={},this.properties={}}connectedCallback(){super.connectedCallback(),this.container&&(this.actions.setContainer(this.container),r.pt.getInstance(this.container).then(async e=>{var n,c;const s=e.nodes.get(this.entry);if(s){this._propertyChangeListener=e.events.subscribe("components:properties-changed",(p,h)=>{s.id===h.node.id&&this._setProperties(h.node.attributes.properties)}),this._contextChangeListener=e.events.subscribe("components:context-changed",(p,h)=>{s.id===h.node.id&&this._setContext(h.node.attributes.context)}),this._layoutChangeListener=e.events.subscribe("components:layout-changed",(p,h)=>{s.id===h.node.id&&this._setLayout(h.node.attributes.layout)});const d="default";this._unmountNode=s.mount(this.container),this._setDescriptor(r.Et(s,d)),this._setProperties(s.attributes.properties),this._setContext(s.attributes.context),this._setLayout(this.layout);const l=s.getChildren(d).map(p=>r.Et(p));this._childrenProvider.setValue(l);const _=await this.container.getAsync("componentResolver");if(((n=this.descriptor)==null?void 0:n.type)==="area")return;const b=_.getComponent(((c=this.descriptor)==null?void 0:c.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),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),$(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??[],r.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;
-        }
-      `],a([P({context:O}),r.n({attribute:!1})],t.prototype,"container",2),a([r.n()],t.prototype,"entry",2),a([r.r()],t.prototype,"descriptor",2),a([r.r()],t.prototype,"component",2),a([r.r()],t.prototype,"context",2),a([r.r()],t.prototype,"layout",2),a([r.r()],t.prototype,"properties",2),t};var k=Object.defineProperty,V=Object.getOwnPropertyDescriptor,I=(o,t,i,e)=>{for(var s=e>1?void 0:e?V(t,i):t,n=o.length-1,c;n>=0;n--)(c=o[n])&&(s=(e?c(t,i,s):c(s))||s);return e&&s&&k(t,i,s),s};const g=H(r.s);exports.WidgetHeaderComponent=class extends g{render(){return r.x` <div class="widget-header">
-      <!-- <telia-icon svg=${y.aiRobot.svg} size="lg"></telia-icon> -->
-      <div>
-        <h1>${this.properties.header}</h1>
-
-        ${this.properties.tagline?r.x`<p>${this.properties.tagline}</p>`:r.T}
-      </div>
-    </div>`}};exports.WidgetHeaderComponent.styles=[g.styles||[],r.i`
-      :host {
-        --header-text-color: var(--text-on-primary-background);
-      }
-
-      .widget-header {
-        background-color: transparent;
-        color: var(--header-text-color);
-        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=I([f("ace-widget-header")],exports.WidgetHeaderComponent);const N=exports.WidgetHeaderComponent;exports.default=N;

package/widget-header-f25f74cb.mjs

@@ -1,341 +0,0 @@
-import { p as g, P as L, h as E, i as m, n as x, r as p, E as _, x as f, T as O, s as $ } from "./index-425a19a3.mjs";
-import { a as R } from "./ai-robot-dbe1c82f.mjs";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const q = (o) => (t, i) => {
-  i !== void 0 ? i.addInitializer(() => {
-    customElements.define(o, t);
-  }) : customElements.define(o, t);
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let C = class extends Event {
-  constructor(t, i, e) {
-    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = i, this.subscribe = e ?? !1;
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let y = class {
-  constructor(t, i, e, s) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, r) => {
-      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, r)), this.unsubscribe = r;
-    }, this.host = t, i.context !== void 0) {
-      const n = i;
-      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
-    } else
-      this.context = i, this.callback = e, this.subscribe = s ?? !1;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new C(this.context, this.t, this.subscribe));
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class D {
-  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();
-  }
-  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);
-  }
-  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 z extends Event {
-  constructor(t) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
-  }
-}
-class u extends D {
-  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 = /* @__PURE__ */ new Set();
-      for (const [a, { consumerHost: b }] of this.subscriptions)
-        r.has(a) || (r.add(a), b.dispatchEvent(new C(this.context, a, !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 z(this.context));
-  }
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function j({ context: o, subscribe: t }) {
-  return (i, e) => {
-    typeof e == "object" ? e.addInitializer(function() {
-      new y(this, { context: o, callback: (s) => {
-        this[e.name] = s;
-      }, subscribe: t });
-    }) : i.constructor.addInitializer((s) => {
-      new y(s, { context: o, callback: (n) => {
-        s[e] = n;
-      }, subscribe: t });
-    });
-  };
-}
-const k = "children", V = "descriptor", I = "container", W = "context", H = "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 g.getInstance(
-      this._container
-    ), s = new L(e).withId(
-      this._descriptor.id
-    );
-    await e.actions(
-      s,
-      this._descriptor.type || E()
-    ).dispatch(t, i);
-  }
-}
-const S = (o) => {
-  const t = {};
-  return Object.keys(o).forEach((i) => {
-    i.indexOf("css-") > -1 && (t[i] = o[i]);
-  }), t;
-}, F = (o, t) => {
-  const i = S(t);
-  Object.entries(i).forEach(([e, s]) => {
-    o.style.setProperty(e.replace("css-", ""), s);
-  });
-};
-var M = Object.defineProperty, T = Object.getOwnPropertyDescriptor, h = (o, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? T(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 && M(t, i, s), s;
-};
-const U = (o) => {
-  class t extends o {
-    constructor() {
-      super(...arguments), this.entry = "", this._descriptorProvider = new u(
-        this,
-        V,
-        void 0
-      ), this._childrenProvider = new u(this, k, []), this._propertiesProvider = new u(this, N, {}), this._contextProvider = new u(this, W, {}), this._layoutProvider = new u(this, H, {}), this.actions = new A(this), this.context = {}, this.layout = {}, this.properties = {};
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.container && (this.actions.setContainer(this.container), g.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",
-              (d, c) => {
-                s.id === c.node.id && this._setProperties(c.node.attributes.properties);
-              }
-            ), this._contextChangeListener = e.events.subscribe(
-              "components:context-changed",
-              (d, c) => {
-                s.id === c.node.id && this._setContext(c.node.attributes.context);
-              }
-            ), this._layoutChangeListener = e.events.subscribe(
-              "components:layout-changed",
-              (d, c) => {
-                s.id === c.node.id && this._setLayout(c.node.attributes.layout);
-              }
-            );
-            const a = "default";
-            this._unmountNode = s.mount(this.container), this._setDescriptor(_(s, a)), this._setProperties(s.attributes.properties), this._setContext(s.attributes.context), this._setLayout(this.layout);
-            const b = s.getChildren(a).map((d) => _(d));
-            this._childrenProvider.setValue(b);
-            const w = await this.container.getAsync("componentResolver");
-            if (((n = this.descriptor) == null ? void 0 : n.type) === "area")
-              return;
-            const v = w.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.renderRoot.host.style.setProperty(
-        "--width",
-        this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
-      ), F(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 ?? [],
-    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;
-        }
-      `
-  ], h([
-    j({ context: I }),
-    x({ attribute: !1 })
-  ], t.prototype, "container", 2), h([
-    x()
-  ], t.prototype, "entry", 2), h([
-    p()
-  ], t.prototype, "descriptor", 2), h([
-    p()
-  ], t.prototype, "component", 2), h([
-    p()
-  ], t.prototype, "context", 2), h([
-    p()
-  ], t.prototype, "layout", 2), h([
-    p()
-  ], t.prototype, "properties", 2), t;
-};
-var B = Object.defineProperty, G = Object.getOwnPropertyDescriptor, J = (o, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? G(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 && B(t, i, s), s;
-};
-const P = U($);
-let l = class extends P {
-  render() {
-    return f` <div class="widget-header">
-      <!-- <telia-icon svg=${R.svg} size="lg"></telia-icon> -->
-      <div>
-        <h1>${this.properties.header}</h1>
-
-        ${this.properties.tagline ? f`<p>${this.properties.tagline}</p>` : O}
-      </div>
-    </div>`;
-  }
-};
-l.styles = [
-  P.styles || [],
-  m`
-      :host {
-        --header-text-color: var(--text-on-primary-background);
-      }
-
-      .widget-header {
-        background-color: transparent;
-        color: var(--header-text-color);
-        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;
-      }
-    `
-];
-l = J([
-  q("ace-widget-header")
-], l);
-const Z = l;
-export {
-  l as WidgetHeaderComponent,
-  Z as default
-};