@warp-ds/elements 1.4.0-next.3 → 1.4.1-next.1

package/dist/packages/broadcast/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/broadcast/component.js", "../../../packages/utils/window-exists.js", "../../../packages/broadcast/index.js"],
-  "sourcesContent": ["import { html } from 'lit';\nimport WarpElement from '@warp-ds/elements-core';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { windowExists } from '../utils/window-exists';\n\nexport class WarpBroadcast extends WarpElement {\n  static properties = {\n    _messages: {\n      state: true,\n      hasChanged(newVal, oldVal) {\n        if (!oldVal || oldVal.length === 0) return true;\n        const newIds = newVal.map(({ id }) => id).sort();\n        const oldIds = oldVal.map(({ id }) => id).sort();\n        return JSON.stringify(newIds) !== JSON.stringify(oldIds);\n      },\n    },\n    _hiddenMessageIds: {\n      state: true,\n      type: Array,\n    },\n    interval: { type: Number, attribute: true, reflect: true },\n    url: { type: String, attribute: true, reflect: true },\n    api: { type: String, attribute: true, reflect: true },\n  };\n\n  static styles = [WarpElement.styles];\n\n  constructor() {\n    super();\n    this._messages = [];\n    this.interval = 30000;\n    this._hiddenMessageIds = [];\n    this.url = windowExists ? window.location.href : '';\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    if (!this.api) {\n      console.error('Broadcast \"api\" attribute invalid or undefined');\n      return;\n    }\n    if (windowExists) {\n      await this._fetchMessage();\n      setInterval(() => this._fetchMessage(), this.interval);\n    }\n  }\n\n  async _fetchMessage() {\n    const url = `${this.api}?path=${this.url}`;\n    try {\n      const res = await (await fetch(url)).json();\n      this._messages = res.length ? res : [];\n    } catch (err) {\n      console.error(`failed to fetch broadcasts from given url (${url})`, err);\n    }\n  }\n\n  async _del(id) {\n    const el = this.renderRoot.querySelector(`#broadcast-${id}`);\n    await el.collapse();\n    this._hiddenMessageIds = [...new Set([...this._hiddenMessageIds, id])];\n  }\n\n  render() {\n    const messages = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));\n\n    return html`\n      <aside class=${`${messages.length === 0 ? 'hidden' : 'mb-16'}`}>\n        ${repeat(\n          messages,\n          ({ id }) => `broadcast-${id}`,\n          ({ id, message }) => html`<w-toast id=\"broadcast-${id}\" type=\"warning\" text=\"${message}\" canclose @close=${() => this._del(id)}> </w-toast>`,\n        )}\n      </aside>\n    `;\n  }\n}\n", "export const windowExists = typeof window !== 'undefined';\n", "import { WarpBroadcast } from './component';\n\nif (!customElements.get('w-broadcast')) {\n  customElements.define('w-broadcast', WarpBroadcast);\n}\n\nexport { WarpBroadcast };\n"],
-  "mappings": ";;;;;;;;AAAA,SAAS,YAAY;AACrB,OAAO,iBAAiB;AACxB,SAAS,cAAc;;;ACFhB,IAAM,eAAe,OAAO,WAAW;;;ADKvC,IAAM,gBAAN,cAA4B,YAAY;AAAA,EAsB7C,cAAc;AACZ,UAAM;AACN,SAAK,YAAY,CAAC;AAClB,SAAK,WAAW;AAChB,SAAK,oBAAoB,CAAC;AAC1B,SAAK,MAAM,eAAe,OAAO,SAAS,OAAO;AAAA,EACnD;AAAA,EAEA,MAAM,oBAAoB;AACxB,UAAM,kBAAkB;AACxB,QAAI,CAAC,KAAK,KAAK;AACb,cAAQ,MAAM,gDAAgD;AAC9D;AAAA,IACF;AACA,QAAI,cAAc;AAChB,YAAM,KAAK,cAAc;AACzB,kBAAY,MAAM,KAAK,cAAc,GAAG,KAAK,QAAQ;AAAA,IACvD;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB;AACpB,UAAM,MAAM,GAAG,KAAK,GAAG,SAAS,KAAK,GAAG;AACxC,QAAI;AACF,YAAM,MAAM,OAAO,MAAM,MAAM,GAAG,GAAG,KAAK;AAC1C,WAAK,YAAY,IAAI,SAAS,MAAM,CAAC;AAAA,IACvC,SAAS,KAAK;AACZ,cAAQ,MAAM,8CAA8C,GAAG,KAAK,GAAG;AAAA,IACzE;AAAA,EACF;AAAA,EAEA,MAAM,KAAK,IAAI;AACb,UAAM,KAAK,KAAK,WAAW,cAAc,cAAc,EAAE,EAAE;AAC3D,UAAM,GAAG,SAAS;AAClB,SAAK,oBAAoB,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,KAAK,mBAAmB,EAAE,CAAC,CAAC;AAAA,EACvE;AAAA,EAEA,SAAS;AACP,UAAM,WAAW,KAAK,UAAU,OAAO,CAAC,SAAS,CAAC,KAAK,kBAAkB,SAAS,KAAK,EAAE,CAAC;AAE1F,WAAO;AAAA,qBACU,GAAG,SAAS,WAAW,IAAI,WAAW,OAAO,EAAE;AAAA,UAC1D;AAAA,MACA;AAAA,MACA,CAAC,EAAE,GAAG,MAAM,aAAa,EAAE;AAAA,MAC3B,CAAC,EAAE,IAAI,QAAQ,MAAM,8BAA8B,EAAE,0BAA0B,OAAO,qBAAqB,MAAM,KAAK,KAAK,EAAE,CAAC;AAAA,IAChI,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AAtEE,cADW,eACJ,cAAa;AAAA,EAClB,WAAW;AAAA,IACT,OAAO;AAAA,IACP,WAAW,QAAQ,QAAQ;AACzB,UAAI,CAAC,UAAU,OAAO,WAAW;AAAG,eAAO;AAC3C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,aAAO,KAAK,UAAU,MAAM,MAAM,KAAK,UAAU,MAAM;AAAA,IACzD;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACzD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACpD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AACtD;AAEA,cApBW,eAoBJ,UAAS,CAAC,YAAY,MAAM;;;AEvBrC,IAAI,CAAC,eAAe,IAAI,aAAa,GAAG;AACtC,iBAAe,OAAO,eAAe,aAAa;AACpD;",
+  "sourcesContent": ["import { html } from 'lit';\n\nimport WarpElement from '@warp-ds/elements-core';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { windowExists } from '../utils/window-exists';\n\nexport class WarpBroadcast extends WarpElement {\n  static properties = {\n    _messages: {\n      state: true,\n      hasChanged(newVal, oldVal) {\n        if (!oldVal || oldVal.length === 0) return true;\n        const newIds = newVal.map(({ id }) => id).sort();\n        const oldIds = oldVal.map(({ id }) => id).sort();\n        return JSON.stringify(newIds) !== JSON.stringify(oldIds);\n      },\n    },\n    _hiddenMessageIds: {\n      state: true,\n      type: Array,\n    },\n    interval: { type: Number, attribute: true, reflect: true },\n    url: { type: String, attribute: true, reflect: true },\n    api: { type: String, attribute: true, reflect: true },\n  };\n\n  static styles = [WarpElement.styles];\n\n  constructor() {\n    super();\n    this._messages = [];\n    this.interval = 30000;\n    this._hiddenMessageIds = [];\n    this.url = windowExists ? window.location.href : '';\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    if (!this.api) {\n      console.error('Broadcast \"api\" attribute invalid or undefined');\n      return;\n    }\n    if (windowExists) {\n      await this._fetchMessage();\n      setInterval(() => this._fetchMessage(), this.interval);\n    }\n  }\n\n  async _fetchMessage() {\n    const url = `${this.api}?path=${this.url}`;\n    try {\n      const res = await (await fetch(url)).json();\n      this._messages = res.length ? res : [];\n    } catch (err) {\n      console.error(`failed to fetch broadcasts from given url (${url})`, err);\n    }\n  }\n\n  async _del(id) {\n    const el = this.renderRoot.querySelector(`#broadcast-${id}`);\n    await el.collapse();\n    this._hiddenMessageIds = [...new Set([...this._hiddenMessageIds, id])];\n  }\n\n  render() {\n    const messages = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));\n\n    return html`\n      <aside class=${`${messages.length === 0 ? 'hidden' : 'mb-16'}`}>\n        ${repeat(\n          messages,\n          ({ id }) => `broadcast-${id}`,\n          ({ id, message }) =>\n            html`<w-toast id=\"broadcast-${id}\" type=\"warning\" text=\"${message}\" canclose @close=${() => this._del(id)}> </w-toast>`,\n        )}\n      </aside>\n    `;\n  }\n}\n", "export const windowExists = typeof window !== 'undefined';\n", "import { WarpBroadcast } from './component';\n\nif (!customElements.get('w-broadcast')) {\n  customElements.define('w-broadcast', WarpBroadcast);\n}\n\nexport { WarpBroadcast };\n"],
+  "mappings": ";;;;;;;;AAAA,SAAS,YAAY;AAErB,OAAO,iBAAiB;AACxB,SAAS,cAAc;;;ACHhB,IAAM,eAAe,OAAO,WAAW;;;ADOvC,IAAM,gBAAN,cAA4B,YAAY;AAAA,EAsB7C,cAAc;AACZ,UAAM;AACN,SAAK,YAAY,CAAC;AAClB,SAAK,WAAW;AAChB,SAAK,oBAAoB,CAAC;AAC1B,SAAK,MAAM,eAAe,OAAO,SAAS,OAAO;AAAA,EACnD;AAAA,EAEA,MAAM,oBAAoB;AACxB,UAAM,kBAAkB;AACxB,QAAI,CAAC,KAAK,KAAK;AACb,cAAQ,MAAM,gDAAgD;AAC9D;AAAA,IACF;AACA,QAAI,cAAc;AAChB,YAAM,KAAK,cAAc;AACzB,kBAAY,MAAM,KAAK,cAAc,GAAG,KAAK,QAAQ;AAAA,IACvD;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB;AACpB,UAAM,MAAM,GAAG,KAAK,GAAG,SAAS,KAAK,GAAG;AACxC,QAAI;AACF,YAAM,MAAM,OAAO,MAAM,MAAM,GAAG,GAAG,KAAK;AAC1C,WAAK,YAAY,IAAI,SAAS,MAAM,CAAC;AAAA,IACvC,SAAS,KAAK;AACZ,cAAQ,MAAM,8CAA8C,GAAG,KAAK,GAAG;AAAA,IACzE;AAAA,EACF;AAAA,EAEA,MAAM,KAAK,IAAI;AACb,UAAM,KAAK,KAAK,WAAW,cAAc,cAAc,EAAE,EAAE;AAC3D,UAAM,GAAG,SAAS;AAClB,SAAK,oBAAoB,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,KAAK,mBAAmB,EAAE,CAAC,CAAC;AAAA,EACvE;AAAA,EAEA,SAAS;AACP,UAAM,WAAW,KAAK,UAAU,OAAO,CAAC,SAAS,CAAC,KAAK,kBAAkB,SAAS,KAAK,EAAE,CAAC;AAE1F,WAAO;AAAA,qBACU,GAAG,SAAS,WAAW,IAAI,WAAW,OAAO,EAAE;AAAA,UAC1D;AAAA,MACA;AAAA,MACA,CAAC,EAAE,GAAG,MAAM,aAAa,EAAE;AAAA,MAC3B,CAAC,EAAE,IAAI,QAAQ,MACb,8BAA8B,EAAE,0BAA0B,OAAO,qBAAqB,MAAM,KAAK,KAAK,EAAE,CAAC;AAAA,IAC7G,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AAvEE,cADW,eACJ,cAAa;AAAA,EAClB,WAAW;AAAA,IACT,OAAO;AAAA,IACP,WAAW,QAAQ,QAAQ;AACzB,UAAI,CAAC,UAAU,OAAO,WAAW;AAAG,eAAO;AAC3C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,aAAO,KAAK,UAAU,MAAM,MAAM,KAAK,UAAU,MAAM;AAAA,IACzD;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACzD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACpD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AACtD;AAEA,cApBW,eAoBJ,UAAS,CAAC,YAAY,MAAM;;;AEzBrC,IAAI,CAAC,eAAe,IAAI,aAAa,GAAG;AACtC,iBAAe,OAAO,eAAe,aAAa;AACpD;",
   "names": []
 }