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

package/widget-header-b3b55bf0.mjs

@@ -1,350 +0,0 @@
-import { p as _, P as w, h as L, i as m, n as x, t as p, E as f, m as O, x as y, A as $, s as E } from "./index-8690ade6.mjs";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const k = (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 R = ({ 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 q = 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 D {
-  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 j extends Event {
-  constructor(t) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
-  }
-}
-class l extends D {
-  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 j(this.context));
-  }
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function V({ context: n, subscribe: t }) {
-  return R({ finisher: (i, e) => {
-    i.addInitializer((s) => {
-      new q(s, { context: n, callback: (o) => {
-        s[e] = o;
-      }, subscribe: t });
-    });
-  } });
-}
-const z = "children", W = "descriptor", H = "container", I = "context", N = "layout", A = "properties";
-class S {
-  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 B = (n) => {
-  const t = {};
-  return Object.keys(n).forEach((i) => {
-    i.indexOf("css-") > -1 && (t[i] = n[i]);
-  }), t;
-}, F = (n, t) => {
-  const i = B(t);
-  Object.entries(i).forEach(([e, s]) => {
-    n.style.setProperty(e.replace("css-", ""), s);
-  });
-};
-var K = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (n, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? M(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 && K(t, i, s), s;
-};
-const U = (n) => {
-  class t extends n {
-    constructor() {
-      super(...arguments), this.entry = "", this._descriptorProvider = new l(
-        this,
-        W,
-        void 0
-      ), this._childrenProvider = new l(this, z, []), this._propertiesProvider = new l(this, A, {}), this._contextProvider = new l(this, I, {}), this._layoutProvider = new l(this, N, {}), this.actions = new S(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), O(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))`
-      ), 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 = [
-    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([
-    V({ context: H }),
-    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 G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, Q = (n, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? J(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 && G(t, i, s), s;
-};
-const C = U(E);
-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>` : $}
-      </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 = Q([
-  k("ace-widget-header")
-], u);
-const Z = u;
-export {
-  u as WidgetHeaderComponent,
-  Z as default
-};

package/widget-header-component.d.ts

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

package/widget-header.d.ts

@@ -1,7 +0,0 @@
-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;