@warp-ds/elements 1.3.2-next.1 → 1.3.3-next.1

package/dist/packages/broadcast/index.js

@@ -54,14 +54,7 @@ var WarpBroadcast = class extends WarpElement {
         ${repeat(
       messages,
       ({ id }) => `broadcast-${id}`,
-      ({ id, message }) => html`<w-toast
-              id="broadcast-${id}"
-              type="warning"
-              text="${message}"
-              canclose
-              @close=${() => this._del(id)}
-            >
-            </w-toast>`
+      ({ id, message }) => html`<w-toast id="broadcast-${id}" type="warning" text="${message}" canclose @close=${() => this._del(id)}> </w-toast>`
     )}
       </aside>
     `;

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 }) =>\n            html`<w-toast\n              id=\"broadcast-${id}\"\n              type=\"warning\"\n              text=\"${message}\"\n              canclose\n              @close=${() => this._del(id)}\n            >\n            </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,MACb;AAAA,8BACkB,EAAE;AAAA;AAAA,sBAEV,OAAO;AAAA;AAAA,uBAEN,MAAM,KAAK,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA,IAGlC,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AA9EE,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';\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;",
   "names": []
 }

package/dist/packages/button/index.js

@@ -1746,14 +1746,7 @@ var activateI18n = (enMessages, nbMessages, fiMessages) => {
 };
 
 // packages/button/index.js
-var buttonTypes2 = [
-  "primary",
-  "secondary",
-  "negative",
-  "utility",
-  "pill",
-  "link"
-];
+var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];
 var WarpButton = class extends kebabCaseAttributes(WarpElement) {
   constructor() {
     super();
@@ -1768,12 +1761,8 @@ var WarpButton = class extends kebabCaseAttributes(WarpElement) {
   connectedCallback() {
     super.connectedCallback();
     if (!buttonTypes2.includes(this.variant)) {
-      throw new Error(
-        `Invalid "variant" attribute. Set its value to one of the following:
-${buttonTypes2.join(
-          ", "
-        )}.`
-      );
+      throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${buttonTypes2.join(", ")}.`);
     }
   }
   firstUpdated() {
@@ -1836,25 +1825,12 @@ ${buttonTypes2.join(
     );
   }
   render() {
-    return html` ${this.href ? html`<a
-          href=${this.href}
-          target=${this.target}
-          rel=${this.target === "_blank" ? this.rel || "noopener" : void 0}
-          class=${this._classes}
-        >
+    return html` ${this.href ? html`<a href=${this.href} target=${this.target} rel=${this.target === "_blank" ? this.rel || "noopener" : void 0} class=${this._classes}>
           <slot></slot>
-        </a>` : html`<button
-          type=${this.type || "button"}
-          class=${this._classes}
-        >
+        </a>` : html`<button type=${this.type || "button"} class=${this._classes}>
           <slot></slot>
         </button>`}
-    ${this.loading ? html`<span
-          class="sr-only"
-          role="progressbar"
-          aria-valuenow="{0}"
-          aria-valuetext=${this.ariaValueTextLoading}
-        />` : null}`;
+    ${this.loading ? html`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading} />` : null}`;
   }
 };
 __publicField(WarpButton, "shadowRootOptions", __spreadProps(__spreadValues({}, WarpElement.shadowRootOptions), {